Updated Animation so it now uses the delta values, rather than the time. Smoother and no longer suffers duration peak errors.

Author: photonstorm

v3/src/animation/frame/components/Play.js

@@ -15,8 +15,6 @@ var Play = function (key, startFrame)
     this.isPlaying = true;
     this.pendingRepeat = false;
 
-    this.prevTick = this.mainloop.lastFrameTimeMs;
-
     if (anim.showOnStart)
     {
         this.parent.visible = true;

v3/src/animation/frame/components/Restart.js

@@ -8,8 +8,6 @@ var Restart = function (includeDelay)
     this.isPlaying = true;
     this.pendingRepeat = false;
 
-    this.prevTick = this.mainloop.lastFrameTimeMs;
-
     //  Set frame
     this.updateFrame(this.currentAnim.frames[0]);
 

v3/src/animation/frame/components/Resume.js

@@ -4,11 +4,6 @@ var Resume = function (fromFrame)
     {
         this._paused = false;
         this.isPlaying = this._wasPlaying;
-
-        if (this.isPlaying)
-        {
-            this.prevTick = this.mainloop.lastFrameTimeMs;
-        }
     }
 
     if (fromFrame !== undefined)

v3/src/animation/frame/components/Update.js

@@ -1,13 +1,11 @@
-var Update = function (timestamp)
+var Update = function (timestamp, delta)
 {
     if (!this.isPlaying)
     {
         return;
     }
 
-    this.accumulator += (timestamp - this.prevTick) * this._timeScale;
-
-    this.prevTick = timestamp;
+    this.accumulator += delta * this._timeScale;
 
     if (this.accumulator >= this.nextTick)
     {

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: '9887bba0-2b5b-11e7-bb4c-df55298342c3'
+build: '2fba6110-2bb8-11e7-b7ee-51481bf3d671'
 };
 module.exports = CHECKSUM;

v3/src/components/Animation.js

@@ -13,8 +13,6 @@ var Animation = new Class({
 
         this.animationManager = parent.state.sys.anims;
 
-        this.mainloop = parent.state.game.mainloop;
-
         this.isPlaying = false;
 
         //  Reference to the Phaser.Animation object
@@ -62,8 +60,6 @@ var Animation = new Class({
         this.forward = true;
 
         this.accumulator = 0;
-
-        this.prevTick = 0;
         this.nextTick = 0;
 
         this.repeatCounter = 0;