Interpolation Events

src/engine/runtime.js

@@ -643,6 +643,20 @@ class Runtime extends EventEmitter {
         return 'INTERPOLATION_CHANGED';
     }
 
+    /**
+     * Event called before interpolation data is set.
+     */
+    static get BEFORE_INTERPOLATION () {
+        return 'BEFORE_INTERPOLATION';
+    }
+
+    /**
+     * Event called after interpolation data is set.
+     */
+    static get AFTER_INTERPOLATION () {
+        return 'AFTER_INTERPOLATION';
+    }
+
     /**
      * Event name for stage size changing.
      * @const {string}

src/engine/tw-interpolate.js

@@ -61,6 +61,8 @@ const interpolate = (runtime, time) => {
             continue;
         }
 
+        runtime.emit(runtime.constructor.BEFORE_INTERPOLATION, target);
+
         const drawableID = target.drawableID;
 
         // Position interpolation.
@@ -137,6 +139,8 @@ const interpolate = (runtime, time) => {
                 renderer.updateDrawableDirectionScale(drawableID, direction, scale);
             }
         }
+
+        runtime.emit(runtime.constructor.AFTER_INTERPOLATION, target);
     }
 };
 

src/virtual-machine.js

@@ -184,6 +184,12 @@ class VirtualMachine extends EventEmitter {
         this.runtime.on(Runtime.INTERPOLATION_CHANGED, framerate => {
             this.emit(Runtime.INTERPOLATION_CHANGED, framerate);
         });
+        this.runtime.on(Runtime.BEFORE_INTERPOLATION, target => {
+            this.emit(Runtime.BEFORE_INTERPOLATION, target);
+        });
+        this.runtime.on(Runtime.AFTER_INTERPOLATION, target => {
+            this.emit(Runtime.AFTER_INTERPOLATION, target);
+        });
         this.runtime.on(Runtime.STAGE_SIZE_CHANGED, (width, height) => {
             this.emit(Runtime.STAGE_SIZE_CHANGED, width, height);
         });