Added toJSON support to the Animation Manager and Animations.

Author: photonstorm

v3/src/animation/AnimationFrame.js

@@ -1,5 +1,9 @@
-var AnimationFrame = function (index, frame)
+var AnimationFrame = function (textureKey, textureFrame, index, frame)
 {
+    //  The keys into the Texture Manager of the texture + frame this uses
+    this.textureKey = textureKey;
+    this.textureFrame = textureFrame;
+
     //  The index of this frame within the Animation.frames array
     this.index = index;
 
@@ -33,6 +37,16 @@ AnimationFrame.prototype.constructor = AnimationFrame;
 
 AnimationFrame.prototype = {
 
+    toJSON: function ()
+    {
+        return {
+            key: this.textureKey,
+            frame: this.textureFrame,
+            duration: this.duration,
+            visible: this.visible
+        };
+    },
+
     destroy: function ()
     {
         this.frame = undefined;

v3/src/animation/AnimationManager.js

@@ -104,6 +104,8 @@ AnimationManager.prototype = {
         return anim;
     },
 
+
+
     get: function (key)
     {
         return this.anims.get(key);
@@ -263,8 +265,34 @@ AnimationManager.prototype = {
         }
 
         return out;
-    }
+    },
+
+    toJSON: function (key)
+    {
+        if (key !== undefined)
+        {
+            return this.anims.get(key).toJSON();
+        }
+        else
+        {
+            var output = {
+                anims: [],
+                globalTimeScale: this.globalTimeScale
+            };
+
+            this.anims.each(function (key, anim)
+            {
+                output.anims.push(anim.toJSON());
+            });
+
+            return output;
+        }
+    },
 
+    destroy: function ()
+    {
+        //  TODO
+    }
 };
 
 module.exports = AnimationManager;

v3/src/animation/frame/Animation.js

@@ -19,6 +19,7 @@ var Animation = function (manager, key, config)
 
     if (this.duration === null && this.frameRate === null)
     {
+        //  No duration or frameRate given, use default frameRate of 24fps
         this.frameRate = 24;
         this.duration = this.frameRate / this.frames.length;
     }
@@ -31,7 +32,7 @@ var Animation = function (manager, key, config)
     }
     else
     {
-        //  No duration, so derive from the frameRate
+        //  frameRate given, derive duration from it (even if duration also specified)
         //  I.e. 15 frames in the animation, frameRate = 30 fps
         //  So duration is 15 / 30 = 0.5 (half a second)
         this.duration = this.frames.length / this.frameRate;
@@ -252,6 +253,31 @@ Animation.prototype = {
         }
     },
 
+    toJSON: function ()
+    {
+        var output = {
+            key: this.key,
+            type: 'frame',
+            frames: [],
+            framerate: this.frameRate,
+            duration: this.duration,
+            skipMissedFrames: this.skipMissedFrames,
+            delay: this.delay,
+            repeat: this.repeat,
+            repeatDelay: this.repeatDelay,
+            yoyo: this.yoyo,
+            showOnStart: this.showOnStart,
+            hideOnComplete: this.hideOnComplete
+        };
+
+        this.frames.forEach(function (frame)
+        {
+            output.frames.push(frame.toJSON());
+        });
+
+        return output;
+    },
+
     destroy: function ()
     {
 

v3/src/animation/frame/GetFrames.js

@@ -30,16 +30,15 @@ var GetFrames = function (textureManager, frames)
         }
 
         var frame = GetObjectValue(item, 'frame', 0);
-        var duration = GetObjectValue(item, 'duration', 0);
-        var onUpdate = GetObjectValue(item, 'onUpdate', null);
-        var visible = GetObjectValue(item, 'visible', null);
 
         var textureFrame = textureManager.getFrame(key, frame);
 
-        animationFrame = new AnimationFrame(index, textureFrame);
+        animationFrame = new AnimationFrame(key, frame, index, textureFrame);
+
+        animationFrame.duration = GetObjectValue(item, 'duration', 0);
+        animationFrame.onUpdate = GetObjectValue(item, 'onUpdate', null);
 
-        animationFrame.duration = duration;
-        animationFrame.onUpdate = onUpdate;
+        var visible = GetObjectValue(item, 'visible', null);
 
         if (visible !== null)
         {

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: '3cdef7a0-1ec7-11e7-a131-f3c6d91827e1'
+build: '314dd020-1f74-11e7-b5ea-2d9635d37e06'
 };
 module.exports = CHECKSUM;