Removed anchor property from Transform, and added in the new Origin component.

Author: photonstorm

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: 'e143e9e0-fe97-11e6-b242-774fc1dcf72c'
+build: '923bfa40-feec-11e6-8134-ffb6fa7d3604'
 };
 module.exports = CHECKSUM;

v3/src/components/Origin.js

@@ -0,0 +1,28 @@
+//  Origin Component
+//  Values are given in pixels, not percent
+
+var Origin = {
+
+    originX: 0,
+    originY: 0,
+
+    setOrigin: function (x, y)
+    {
+        if (x === undefined) { x = 0; }
+        if (y === undefined) { y = x; }
+
+        this.originX = x;
+        this.originY = y;
+
+        return this;
+    },
+
+    setOriginToCenter: function ()
+    {
+        this.originX = this.frame.centerX;
+        this.originY = this.frame.centerY;
+    }
+
+};
+
+module.exports = Origin;

v3/src/components/Texture.js

@@ -21,7 +21,18 @@ var Texture = {
         else
         {
             this.renderFlags |= _FLAG;
+
+            if (this.hasOwnProperty('originX'))
+            {
+                //  Default origin to the center
+                var w = Math.floor(this.frame.realWidth / 2);
+                var h = Math.floor(this.frame.realHeight / 2);
+
+                this.setOrigin(w, h);
+            }
         }
+
+        return this;
     }
 
 };

v3/src/components/Transform.js

@@ -18,9 +18,6 @@ var Transform = {
     y: 0,
     z: 0,
 
-    anchorX: 0,
-    anchorY: 0,
-
     scaleX: {
 
         get: function ()
@@ -120,28 +117,6 @@ var Transform = {
         this.scaleX = x;
         this.scaleY = y;
 
-        return this;
-    },
-
-    setAnchor: function (x, y)
-    {
-        if (x === undefined) { x = 0; }
-        if (y === undefined) { y = x; }
-
-        this.anchorX = x;
-        this.anchorY = y;
-
-        return this;
-    },
-
-    setOffset: function (x, y)
-    {
-        if (x === undefined) { x = 0; }
-        if (y === undefined) { y = x; }
-
-        this.offsetX = x;
-        this.offsetY = y;
-
         return this;
     }
 

v3/src/components/index.js

@@ -6,6 +6,7 @@ module.exports = {
     Color: require('./Color'),
     Data: require('./Data'),
     GetBounds: require('./GetBounds'),
+    Origin: require('./Origin'),
     ScaleMode: require('./ScaleMode'),
     Size: require('./Size'),
     Texture: require('./Texture'),