Frames can now have customData stored in them, as well as the Textures. This is populated by all of the atlas data by default and can be added to, either in the JJSON source files or at run-time. Closes phaserjs#3165.

Author: photonstorm

src/textures/Frame.js

@@ -80,6 +80,16 @@ var Frame = new Class({
         */
         this.centerY = Math.floor(height / 2);
 
+        /**
+        * @property {number} pivotX - The horizontal pivot point of this Frame.
+        */
+        this.pivotX = 0;
+
+        /**
+        * @property {number} height - The vertical pivot point of this Frame.
+        */
+        this.pivotY = 0;
+
         /**
         * Is this frame is rotated or not in the Texture?
         * Rotation allows you to use rotated frames in texture atlas packing.
@@ -93,6 +103,9 @@ var Frame = new Class({
         //  Over-rides the Renderer setting? -1 = use Renderer Setting, 0 = No rounding, 1 = Round
         this.autoRound = -1;
 
+        //  Any Frame specific custom data can be stored here
+        this.customData = {};
+
         /**
         * The un-modified source frame, trim and UV data.
         *

src/textures/Texture.js

@@ -36,6 +36,9 @@ var Texture = new Class({
 
         this.frames = {};
 
+        //  Any additional data that was set in the source JSON (if any), or any extra data you'd like to store relating to this texture
+        this.customData = {};
+
         this.firstFrame = '__BASE';
 
         this.frameTotal = 0;

src/textures/parsers/JSONArray.js

@@ -1,3 +1,5 @@
+var Clone = require('../../utils/object/Clone');
+
 var JSONArray = function (texture, sourceIndex, json)
 {
     //  Malformed?
@@ -9,6 +11,7 @@ var JSONArray = function (texture, sourceIndex, json)
 
     //  Add in a __BASE entry (for the entire atlas)
     var source = texture.source[sourceIndex];
+
     texture.add('__BASE', sourceIndex, 0, 0, source.width, source.height);
 
     //  By this stage frames is a fully parsed array
@@ -40,6 +43,27 @@ var JSONArray = function (texture, sourceIndex, json)
             newFrame.rotated = true;
             newFrame.updateUVsInverted();
         }
+
+        //  Copy over any extra data
+        newFrame.customData = Clone(src);
+    }
+
+    //  Copy over any additional data that was in the JSON to Texture.customData
+    for (var dataKey in json)
+    {
+        if (dataKey === 'frames')
+        {
+            continue;
+        }
+
+        if (Array.isArray(json[dataKey]))
+        {
+            texture.customData[dataKey] = json[dataKey].slice(0);
+        }
+        else
+        {
+            texture.customData[dataKey] = json[dataKey];
+        }
     }
 
     return texture;

src/textures/parsers/JSONHash.js

@@ -1,3 +1,5 @@
+var Clone = require('../../utils/object/Clone');
+
 var JSONHash = function (texture, sourceIndex, json)
 {
     //  Malformed?
@@ -9,6 +11,7 @@ var JSONHash = function (texture, sourceIndex, json)
 
     //  Add in a __BASE entry (for the entire atlas)
     var source = texture.source[sourceIndex];
+
     texture.add('__BASE', sourceIndex, 0, 0, source.width, source.height);
 
     //  By this stage frames is a fully parsed Object
@@ -40,6 +43,27 @@ var JSONHash = function (texture, sourceIndex, json)
             newFrame.rotated = true;
             newFrame.updateUVsInverted();
         }
+
+        //  Copy over any extra data
+        newFrame.customData = Clone(src);
+    }
+
+    //  Copy over any additional data that was in the JSON to Texture.customData
+    for (var dataKey in json)
+    {
+        if (dataKey === 'frames')
+        {
+            continue;
+        }
+
+        if (Array.isArray(json[dataKey]))
+        {
+            texture.customData[dataKey] = json[dataKey].slice(0);
+        }
+        else
+        {
+            texture.customData[dataKey] = json[dataKey];
+        }
     }
 
     return texture;