@rive-app/canvas-single 1.0.66 → 1.0.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rive-app/canvas-single",
-  "version": "1.0.66",
+  "version": "1.0.67",
   "description": "Rive's high-level canvas based web api all in one js file.",
   "main": "rive.js",
   "homepage": "https://rive.app",

package/rive.js

@@ -141,7 +141,7 @@ k.run=Fc;if(k.preInit)for("function"==typeof k.preInit&&(k.preInit=[k.preInit]);
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas-single","version":"1.0.66","description":"Rive\'s high-level canvas based web api all in one js file.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
+module.exports = JSON.parse('{"name":"@rive-app/canvas-single","version":"1.0.67","description":"Rive\'s high-level canvas based web api all in one js file.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -577,6 +577,16 @@ var Animation = /** @class */ (function () {
             this.scrubTo = null;
         }
     };
+    /**
+     * Apply interpolated keyframe values to the artboard. This should be called after calling
+     * .advance() on an animation instance so that new values are applied to properties.
+     *
+     * Note: This does not advance the artboard, which updates all objects on the artboard
+     * @param mix - Mix value for the animation from 0 to 1
+     */
+    Animation.prototype.apply = function (mix) {
+        this.instance.apply(mix);
+    };
     Object.defineProperty(Animation.prototype, "needsScrub", {
         get: function () {
             return this.scrubTo !== null;
@@ -684,6 +694,13 @@ var StateMachine = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    /**
+     * Advances the state machine instance by a given time.
+     * @param time - the time to advance the animation by in seconds
+     */
+    StateMachine.prototype.advance = function (time) {
+        this.instance.advance(time);
+    };
     /**
      * Fetches references to the state machine's inputs and caches them
      * @param runtime an instance of the runtime; needed for the SMIInput types
@@ -778,13 +795,18 @@ var Animator = /** @class */ (function () {
                     // Try to create a new animation instance
                     var anim = this.artboard.animationByName(animatables[i]);
                     if (anim) {
-                        this.animations.push(new Animation(anim, this.artboard, this.runtime, playing));
+                        var newAnimation = new Animation(anim, this.artboard, this.runtime, playing);
+                        // Display the first frame of the specified animation
+                        newAnimation.advance(0);
+                        newAnimation.apply(1.0);
+                        this.animations.push(newAnimation);
                     }
                     else {
                         // Try to create a new state machine instance
                         var sm = this.artboard.stateMachineByName(animatables[i]);
                         if (sm) {
-                            this.stateMachines.push(new StateMachine(sm, this.runtime, playing, this.artboard));
+                            var newStateMachine = new StateMachine(sm, this.runtime, playing, this.artboard);
+                            this.stateMachines.push(newStateMachine);
                         }
                     }
                 }
@@ -1353,8 +1375,9 @@ var Rive = /** @class */ (function () {
         // Calculate the elapsed time between frames in seconds
         var elapsedTime = (time - this.lastRenderTime) / 1000;
         this.lastRenderTime = time;
-        // Advance non-paused animations by the elapsed number of seconds
-        // Also advance any animations that require scrubbing
+        // - Advance non-paused animations by the elapsed number of seconds
+        // - Advance any animations that require scrubbing
+        // - Advance to the first frame even when autoplay is false
         var activeAnimations = this.animator.animations.filter(function (a) { return a.playing || a.needsScrub; })
             // The scrubbed animations must be applied first to prevent weird artifacts
             // if the playing animations conflict with the scrubbed animating attribuates.
@@ -1365,13 +1388,14 @@ var Rive = /** @class */ (function () {
             if (animation.instance.didLoop) {
                 animation.loopCount += 1;
             }
-            animation.instance.apply(1.0);
+            animation.apply(1.0);
         }
-        // Advance non-paused state machines by the elapsed number of seconds
+        // - Advance non-paused state machines by the elapsed number of seconds
+        // - Advance to the first frame even when autoplay is false
         var activeStateMachines = this.animator.stateMachines.filter(function (a) { return a.playing; });
         for (var _a = 0, activeStateMachines_1 = activeStateMachines; _a < activeStateMachines_1.length; _a++) {
             var stateMachine = activeStateMachines_1[_a];
-            stateMachine.instance.advance(elapsedTime);
+            stateMachine.advance(elapsedTime);
             // stateMachine.instance.apply(this.artboard);
         }
         // Once the animations have been applied to the artboard, advance it