Implemented RTree spatial sort for the display list handling. Canvas Renderer updated to take advantage of it. Camera updated to extend BaseTransform + add extra properties. Array QuickSelect function added. Frame radius calculation added.

Author: photonstorm

v3/dev-guide/IDEAS.md

@@ -5,6 +5,8 @@ TODO
 
 Upgrade to Webpack 2 final release
 Stop the build script from _moving_ the build file into Examples, and just copy it :)
+Add in k-nearest neighbors search (KNN) for RBush
+Look at Bounds + SetBounds from EaselJS for Transforms that aren't Frame based
 
 General
 -------
@@ -13,8 +15,6 @@ Add a Registry -  a game level Data component, accessible from any State.
 
 Look at adding events to the Data component, so you can be notified about changes to objects stored within it. Something like the way Freezer does it? https://github.com/arqex/freezer
 
-Rename ParticleRenderer to BlitterBatch.
-
 
 Arcade Physics
 --------------

v3/src/camera/Camera.js

@@ -1,15 +1,5 @@
-/**
-* @author       Richard Davey <rich@photonstorm.com>
-* @copyright    2016 Photon Storm Ltd.
-* @license      {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
-*/
-
-var Component = require('../components');
-var MATH_CONST = require('../math/const');
-var WrapAngle = require('../math/angle/Wrap');
 
-//  Swap to extending a BaseTransform
-// var BaseTransform = require('');
+var BaseTransform = require('../components/BaseTransform');
 
 /**
 * A Camera is your view into the game world. It has a position and size and renders only those objects within its field of view.
@@ -26,315 +16,60 @@ var WrapAngle = require('../math/angle/Wrap');
 */
 var Camera = function (state, x, y, viewportWidth, viewportHeight)
 {
-    /**
-     * The State that this Camera belongs to. A Camera can only belong to one State, and a State only
-     * has one Camera.
-    * @property {Phaser.State} state
-    */
+    console.log('Camera', viewportWidth, viewportHeight);
+
     this.state = state;
 
-    this.viewportWidth = viewportWidth;
+    BaseTransform.call(this, this, x, y);
 
+    this.viewportWidth = viewportWidth;
     this.viewportHeight = viewportHeight;
 
-    this.transform = new Component.Transform(this, x, y);
-
-    /**
-    * The Camera is bound to this Rectangle and cannot move outside of it. By default it is enabled and set to the size of the World.
-    * The Rectangle can be located anywhere in the world and updated as often as you like. If you don't wish the Camera to be bound
-    * at all then set this to null. The values can be anything and are in World coordinates, with 0,0 being the top-left of the world.
-    *
-    * @property {Phaser.Rectangle} bounds - The Rectangle in which the Camera is bounded. Set to null to allow for movement anywhere.
-    */
-    // this.bounds = new Phaser.Rectangle(x, y, width, height);
-
-    // this.bounds = new Phaser.Circle(x, y)
-
-    /**
-    * @property {boolean} atLimit - Whether this camera is flush with the World Bounds or not.
-    */
-    this.atLimit = { x: false, y: false };
+    this.transform.deleteTreeNode();
 };
 
+Camera.prototype = Object.create(BaseTransform.prototype);
 Camera.prototype.constructor = Camera;
 
-Camera.prototype = {
-
-    /**
-    * Method called to ensure the camera doesn't venture outside of the game world.
-    * Called automatically by Camera.update.
-    *
-    * @method Phaser.Camera#checkBounds
-    * @protected
-    */
-    checkBounds: function ()
-    {
-        this.atLimit.x = false;
-        this.atLimit.y = false;
-
-        // var vx = this.view.x + this._shake.x;
-        // var vw = this.view.right + this._shake.x;
-        // var vy = this.view.y + this._shake.y;
-        // var vh = this.view.bottom + this._shake.y;
-
-        var vx = this.x;
-        var vw = this.x + this.viewportWidth;
-        var vy = this.y;
-        var vh = this.y + this.viewportHeight;
-
-        //  Make sure we didn't go outside the cameras bounds
-        if (vx <= this.bounds.x * this.scale.x)
-        {
-            this.atLimit.x = true;
-            this.view.x = this.bounds.x * this.scale.x;
-
-            if (!this._shake.shakeBounds)
-            {
-                //  The camera is up against the bounds, so reset the shake
-                this._shake.x = 0;
-            }
-        }
-
-        if (vw >= this.bounds.right * this.scale.x)
-        {
-            this.atLimit.x = true;
-            this.view.x = (this.bounds.right * this.scale.x) - this.width;
-
-            if (!this._shake.shakeBounds)
-            {
-                //  The camera is up against the bounds, so reset the shake
-                this._shake.x = 0;
-            }
-        }
-
-        if (vy <= this.bounds.top * this.scale.y)
-        {
-            this.atLimit.y = true;
-            this.view.y = this.bounds.top * this.scale.y;
-
-            if (!this._shake.shakeBounds)
-            {
-                //  The camera is up against the bounds, so reset the shake
-                this._shake.y = 0;
-            }
-        }
-
-        if (vh >= this.bounds.bottom * this.scale.y)
-        {
-            this.atLimit.y = true;
-            this.view.y = (this.bounds.bottom * this.scale.y) - this.height;
-
-            if (!this._shake.shakeBounds)
-            {
-                //  The camera is up against the bounds, so reset the shake
-                this._shake.y = 0;
-            }
-        }
-
-    }
-
+Camera.prototype.render = function ()
+{
 };
 
 Object.defineProperties(Camera.prototype, {
 
-    //  Transform getters / setters
-
-    x: {
-
-        enumerable: true,
-
-        get: function ()
-        {
-            return this.transform._posX;
-        },
-
-        set: function (value)
-        {
-            this.transform._posX = value;
-            this.transform.dirty = true;
-        }
-
-    },
-
-    y: {
-
-        enumerable: true,
-
-        get: function ()
-        {
-            return this.transform._posY;
-        },
-
-        set: function (value)
-        {
-            this.transform._posY = value;
-            this.transform.dirty = true;
-        }
-
-    },
-
     right: {
 
         enumerable: true,
 
         get: function ()
         {
-            return this.transform._posX + (this.viewportWidth * this.transform._scaleX);
-        }
-
-    },
-
-    bottom: {
-
-        enumerable: true,
-
-        get: function ()
-        {
-            return this.transform._posY + (this.viewportHeight * this.transform._scaleY);
-        }
-
-    },
-
-    scale: {
-
-        enumerable: true,
-
-        get: function ()
-        {
-            return this.transform._scaleX;
-        },
-
-        set: function (value)
-        {
-            this.transform._scaleX = value;
-            this.transform._scaleY = value;
-            this.transform.dirty = true;
-            this.transform.updateCache();
-        }
-
-    },
-
-    scaleX: {
-
-        enumerable: true,
-
-        get: function ()
-        {
-            return this.transform._scaleX;
+            return this.transform._posX + this.viewportWidth;
         },
 
         set: function (value)
         {
-            this.transform._scaleX = value;
+            this.transform._posX = value - this.viewportWidth;
             this.transform.dirty = true;
-            this.transform.updateCache();
         }
 
     },
 
-    scaleY: {
-
-        enumerable: true,
-
-        get: function ()
-        {
-            return this.transform._scaleY;
-        },
-
-        set: function (value)
-        {
-            this.transform._scaleY = value;
-            this.transform.dirty = true;
-            this.transform.updateCache();
-        }
-
-    },
-
-    pivotX: {
-
-        enumerable: true,
-
-        get: function ()
-        {
-            return this.transform._pivotX;
-        },
-
-        set: function (value)
-        {
-            this.transform._pivotX = value;
-            this.transform.dirty = true;
-            this.transform.updateCache();
-        }
-
-    },
-
-    pivotY: {
-
-        enumerable: true,
-
-        get: function ()
-        {
-            return this.transform._pivotY;
-        },
-
-        set: function (value)
-        {
-            this.transform._pivotY = value;
-            this.transform.dirty = true;
-            this.transform.updateCache();
-        }
-
-    },
-
-    angle: {
-
-        enumerable: true,
-
-        get: function ()
-        {
-            return WrapAngle(this.rotation * MATH_CONST.RAD_TO_DEG);
-        },
-
-        set: function (value)
-        {
-            this.rotation = WrapAngle(value) * MATH_CONST.DEG_TO_RAD;
-        }
-
-    },
-
-    rotation: {
+    bottom: {
 
         enumerable: true,
 
         get: function ()
         {
-            return this.transform._rotation;
+            return this.transform._posY + this.viewportHeight;
         },
 
         set: function (value)
         {
-            if (this.transform._rotation === value)
-            {
-                return;
-            }
-
-            this.transform._rotation = value;
+            this.transform._posY = value - this.viewportHeight;
             this.transform.dirty = true;
-
-            if (this.transform._rotation % MATH_CONST.PI2)
-            {
-                this.transform.cache.sr = Math.sin(this.transform._rotation);
-                this.transform.cache.cr = Math.cos(this.transform._rotation);
-                this.transform.updateCache();
-                this.transform.hasLocalRotation = true;
-            }
-            else
-            {
-                this.transform.hasLocalRotation = false;
-            }
         }
 
-    },
+    }
 
 });
 

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: '1f102830-e320-11e6-897c-f1a016edce8a'
+build: 'ec96c2b0-e379-11e6-ab53-298f7f57f45b'
 };
 module.exports = CHECKSUM;

v3/src/components/BaseTransform.js

@@ -14,9 +14,9 @@ var Transform = require('./Transform');
 *
 * @class
 */
-var BaseTransform = function (x, y)
+var BaseTransform = function (parent, x, y, scaleX, scaleY)
 {
-    this.transform = new Transform(this, x, y);
+    this.transform = new Transform(parent, x, y, scaleX, scaleY);
 };
 
 BaseTransform.prototype.constructor = BaseTransform;