@rive-app/canvas-single 1.0.14 → 1.0.15

package/package.json

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

package/rive.d.ts

@@ -255,6 +255,9 @@ export declare class Rive {
     private taskQueue;
     private animator;
     private static readonly missingErrorMessage;
+    durations: number[];
+    frameTimes: number[];
+    frameCount: number;
     constructor(params: RiveParameters);
     static new(params: RiveParameters): Rive;
     private init;
@@ -276,6 +279,8 @@ export declare class Rive {
      * Align the renderer
      */
     private alignRenderer;
+    get fps(): number;
+    get frameTime(): string | 0;
     /**
      * Cleans up any Wasm-generated objects that need to be manually destroyed:
      * artboard instances, animation instances, state machine instances.

package/rive.js

@@ -124,7 +124,7 @@ if(h.preInit)for("function"==typeof h.preInit&&(h.preInit=[h.preInit]);0<h.preIn
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas-single","version":"1.0.14","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.15","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}}');
 
 /***/ })
 /******/ 	]);
@@ -1018,6 +1018,10 @@ var Rive = /** @class */ (function () {
         this.readyForPlaying = false;
         // Runtime artboard
         this.artboard = null;
+        // Durations to generate a frame for the last second. Used for performance profiling.
+        this.durations = [];
+        this.frameTimes = [];
+        this.frameCount = 0;
         /**
          * Used be draw to track when a second of active rendering time has passed. Used for debugging purposes
          */
@@ -1206,6 +1210,7 @@ var Rive = /** @class */ (function () {
      * @param time the time at which to render a frame
      */
     Rive.prototype.draw = function (time, onSecond) {
+        var before = performance.now();
         // Clear the frameRequestId, as we're now rendering a fresh frame
         this.frameRequestId = null;
         // On the first pass, make sure lastTime has a valid value
@@ -1256,6 +1261,15 @@ var Rive = /** @class */ (function () {
         this.animator.handleLooping();
         // Check for any state machines that had a state change
         this.animator.handleStateChanges();
+        // Add duration to create frame to durations array
+        this.frameCount++;
+        var after = performance.now();
+        this.frameTimes.push(after);
+        this.durations.push(after - before);
+        while (this.frameTimes[0] <= after - 1000) {
+            this.frameTimes.shift();
+            this.durations.shift();
+        }
         // Calling requestAnimationFrame will rerun draw() at the correct rate:
         // https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations
         if (this.animator.isPlaying) {
@@ -1281,8 +1295,6 @@ var Rive = /** @class */ (function () {
         var _a = this, renderer = _a.renderer, runtime = _a.runtime, _layout = _a._layout, artboard = _a.artboard;
         // Canvas must be wiped to prevent artifacts
         renderer.clear();
-        // Now save so that future changes to align can restore
-        renderer.save();
         // Align things up safe in the knowledge we can restore if changed
         renderer.align(_layout.runtimeFit(runtime), _layout.runtimeAlignment(runtime), {
             minX: _layout.minX,
@@ -1291,6 +1303,23 @@ var Rive = /** @class */ (function () {
             maxY: _layout.maxY
         }, artboard.bounds);
     };
+    Object.defineProperty(Rive.prototype, "fps", {
+        get: function () {
+            return this.durations.length;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Rive.prototype, "frameTime", {
+        get: function () {
+            if (this.durations.length === 0) {
+                return 0;
+            }
+            return (this.durations.reduce(function (a, b) { return a + b; }, 0) / this.durations.length).toFixed(4);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Cleans up any Wasm-generated objects that need to be manually destroyed:
      * artboard instances, animation instances, state machine instances.