Updated so Game Objects and States are using the new experimental Transform 2.

Author: photonstorm

v3/src/components/experimental-Transform-2.js

@@ -81,14 +81,14 @@ Transform.prototype.flattenTree = function (children, flatChildrenArray, childCo
 	}
 	return childCount;
 };
-Transform.prototype.addChild = function (transform)
+Transform.prototype.add = function (transform)
 {
 	this.root.dirty = true;
 	this.hasChildren = true;
 	transform.root = this.root;
 	this.children.push(transform);
 };
-Transform.prototype.removeChild = function (transform)
+Transform.prototype.remove = function (transform)
 {
 	var children = this.children;
 	var index = children.indexOf(transform);
@@ -160,7 +160,7 @@ Transform.prototype.update = function (parentTransformMatrix)
 };
 Transform.prototype.updateLocal = function ()
 {
-	var local this.localMatrix.loadIdentity();
+	var local = this.localMatrix.loadIdentity();
 	local.translate(this.positionX, this.positionY);
 	local.rotate(this.rotation);
 	local.scale(this.scaleX, this.scaleY);
@@ -218,4 +218,6 @@ Object.defineProperties(Transform.prototype,{
 		    return Math.acos(a / Math.sqrt(a2 + c2)) * (Math.atan(-c / a) < 0 ? -1 : 1);
 		}
 	}
-});
+});
+
+module.exports = Transform;

v3/src/components/index.js

@@ -1,9 +1,9 @@
 module.exports = {
 
-    BaseTransform: require('./BaseTransform'),
+    // BaseTransform: require('./BaseTransform'),
     Children: require('./Children'),
     Color: require('./Color'),
     Data: require('./Data'),
-    Transform: require('./Transform')
+    Transform: require('./experimental-Transform-2')
 
 };

v3/src/gameobjects/GameObject.js

@@ -4,11 +4,11 @@
 * @license      {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
 */
 
-var CONST = require('../const');
-var MATH_CONST = require('../math/const');
+// var CONST = require('../const');
+// var MATH_CONST = require('../math/const');
 var ScaleModes = require('../renderer/ScaleModes');
 var Component = require('../components');
-var WrapAngle = require('../math/angle/Wrap');
+// var WrapAngle = require('../math/angle/Wrap');
 
 /**
 * This is the base Game Object class that you can use when creating your own extended Game Objects.
@@ -39,7 +39,10 @@ var GameObject = function (state, x, y, texture, frame, parent)
     this.frame = frame;
 
     //  All GameObjects have the following components, always:
-    this.transform = new Component.Transform(this, x, y);
+    this.transform = new Component.Transform(this);
+
+    this.transform.positionX = x;
+    this.transform.positionY = y;
 
     //  Optional? Maybe set on a per GO basis?
     this.data = new Component.Data(this);
@@ -108,13 +111,12 @@ Object.defineProperties(GameObject.prototype, {
 
         get: function ()
         {
-            return this.transform._posX;
+            return this.transform.positionX;
         },
 
         set: function (value)
         {
-            this.transform._posX = value;
-            this.transform.dirty = true;
+            this.transform.positionX = value;
         }
 
     },
@@ -125,17 +127,17 @@ Object.defineProperties(GameObject.prototype, {
 
         get: function ()
         {
-            return this.transform._posY;
+            return this.transform.positionY;
         },
 
         set: function (value)
         {
-            this.transform._posY = value;
-            this.transform.dirty = true;
+            this.transform.positionY = value;
         }
 
     },
 
+    /*
     scale: {
 
         enumerable: true,
@@ -326,6 +328,7 @@ Object.defineProperties(GameObject.prototype, {
         }
 
     },
+    */
 
     //  Color getters / setters
 

v3/src/state/Systems.js

@@ -10,7 +10,7 @@ var GameObjectCreator = require('./systems/GameObjectCreator');
 var Loader = require('./systems/Loader');
 var UpdateManager = require('./systems/UpdateManager');
 var Component = require('../components');
-var Camera = require('../camera/Camera');
+// var Camera = require('../camera/Camera');
 var Settings = require('./Settings');
 var RTree = require('../structs/RTree');
 
@@ -38,13 +38,13 @@ var Systems = function (state, config)
     this.tree;
 
     //  State properties
-    this.camera;
+    // this.camera;
     this.children;
     this.color;
     this.data;
     this.fbo;
     this.time;
-    // this.transform;
+    this.transform;
 };
 
 Systems.prototype.constructor = Systems;
@@ -73,11 +73,11 @@ Systems.prototype = {
 
         //  State specific properties (transform, data, children, etc)
 
-        this.camera = new Camera(this.state, 0, 0, this.settings.width, this.settings.height);
+        // this.camera = new Camera(this.state, 0, 0, this.settings.width, this.settings.height);
         this.children = new Component.Children(this.state);
         this.color = new Component.Color(this.state);
         this.data = new Component.Data(this.state);
-        // this.transform = this.camera.transform;
+        this.transform = new Component.Transform(this.state);
 
         this.inject();
     },
@@ -94,7 +94,7 @@ Systems.prototype = {
         this.state.data = this.data;
         this.state.settings = this.settings;
 
-        this.state.camera = this.camera;
+        // this.state.camera = this.camera;
         // this.state.transform = this.camera.transform;
 
         this.state.state = this.game.state;
@@ -123,8 +123,19 @@ Systems.prototype = {
         this.state.update(timestep, physicsStep);
     },
 
-    //  Called just once per frame, regardless of speed
     render: function (interpolation, renderer)
+    {
+        this.transform.updateRoot();
+
+        //  Now what? :)
+
+        // renderer.render(this.state, list, interpolation);
+
+        this.state.render(interpolation);
+    },
+
+    //  Called just once per frame, regardless of speed
+    OLDrender: function (interpolation, renderer)
     {
         this.updates.start();