@jolly-pixel/runtime 1.0.0 → 1.1.0

package/dist/Player.d.ts

@@ -11,16 +11,13 @@ export interface PlayerOptions {
 export declare class Player {
     #private;
     gameInstance: Systems.GameInstance;
+    loop: Systems.FixedTimeStep;
     canvas: HTMLCanvasElement;
     stats?: Stats;
-    clock: THREE.Clock;
     manager: THREE.LoadingManager;
-    framesPerSecond: number;
     constructor(canvas: HTMLCanvasElement, options?: PlayerOptions);
     get running(): boolean;
     start(): void;
     stop(): void;
-    setFps(framesPerSecond: number | undefined): void;
-    tick: () => void;
 }
 //# sourceMappingURL=Player.d.ts.map

package/dist/Player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,OAAO,EACR,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,qBAAa,MAAM;;IACjB,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC;IACnC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,cAAqB;IAC1B,OAAO,uBAA8B;IAErC,eAAe,SAAM;gBAMnB,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,aAAkB;IAyB7B,IAAI,OAAO,YAEV;IAED,KAAK;IAiBL,IAAI;IAaJ,MAAM,CACJ,eAAe,EAAE,MAAM,GAAG,SAAS,GAClC,IAAI;IAYP,IAAI,aAkBF;CACH"}
+{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,qBAAa,MAAM;;IACjB,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC;IACnC,IAAI,wBAA+B;IAEnC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,uBAA8B;gBAKnC,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,aAAkB;IAyB7B,IAAI,OAAO,YAEV;IAED,KAAK;IAiCL,IAAI;CAaL"}

package/dist/Player.js

@@ -1,16 +1,15 @@
 // Import Third-party Dependencies
 import Stats from "stats.js";
 import * as THREE from "three";
+// Import Internal Dependencies
 import { Systems } from "@jolly-pixel/engine";
 export class Player {
     gameInstance;
+    loop = new Systems.FixedTimeStep();
     canvas;
     stats;
-    clock = new THREE.Clock();
     manager = new THREE.LoadingManager();
-    framesPerSecond = 60;
     #isRunning = false;
-    #deltaTime = 0;
     constructor(canvas, options = {}) {
         if (!canvas) {
             throw new Error("Canvas element is required to create a Runtime instance.");
@@ -43,39 +42,35 @@ export class Player {
             document.body.appendChild(this.stats.dom);
         }
         this.gameInstance.connect();
+        this.loop.start();
         const renderer = this.gameInstance.renderer.getSource();
-        renderer.setAnimationLoop(this.tick);
+        renderer.setAnimationLoop(() => {
+            this.loop.tick({
+                fixedUpdate: (fixedDelta) => {
+                    // fixedDelta is in ms, but gameInstance.update expects seconds
+                    const exit = this.gameInstance.update(fixedDelta / 1000);
+                    if (exit) {
+                        this.stop();
+                    }
+                },
+                update: (_interpolation, _delta) => {
+                    this.stats?.begin();
+                    this.gameInstance.render();
+                    this.stats?.end();
+                }
+            });
+        });
     }
     stop() {
         if (!this.#isRunning) {
             return;
         }
         this.#isRunning = false;
+        this.loop.stop();
         this.gameInstance.input.exited = true;
         const renderer = this.gameInstance.renderer.getSource();
         renderer.setAnimationLoop(null);
         this.gameInstance.disconnect();
     }
-    setFps(framesPerSecond) {
-        if (!framesPerSecond) {
-            return;
-        }
-        this.framesPerSecond = THREE.MathUtils.clamp(framesPerSecond, 1, 60);
-    }
-    tick = () => {
-        this.#deltaTime += this.clock.getDelta();
-        const interval = 1 / this.framesPerSecond;
-        if (this.#deltaTime >= interval) {
-            this.stats?.begin();
-            const exit = this.gameInstance.update(this.#deltaTime);
-            if (exit) {
-                this.stop();
-                return;
-            }
-            this.gameInstance.render();
-            this.#deltaTime %= interval;
-            this.stats?.end();
-        }
-    };
 }
 //# sourceMappingURL=Player.js.map

package/dist/Player.js.map

@@ -1 +1 @@
-{"version":3,"file":"Player.js","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Player.js","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"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"}

package/dist/components/Loading.js

@@ -21,301 +21,301 @@ const kVelocityThreshold = 0.1;
 export class Loading extends LitElement {
     #lastProgressUpdate = 0;
     #progressVelocity = 0;
-    static styles = css `
-    :host {
-      display: block;
-      transition: opacity 0.5s ease-out;
-    }
-
-    :host([completed]) {
-      opacity: 0;
-    }
-
-    #loading {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      color: #444;
-      font-size: 24px;
-      font-family: sans-serif;
-      display: flex;
-      flex-flow: column;
-      align-items: center;
-      justify-content: center;
-      background: #eee;
-    }
-
-    :host(:not([started])) #loading {
-      opacity: 0;
-    }
-
-    #loading a {
-      transition: opacity 0.3s ease-out;
-      position: relative;
-      text-decoration: none;
-      color: inherit;
-      display: flex;
-      flex-direction: column;
-    }
-
-    #loading a > * {
-      pointer-events: none;
-    }
-
-    #loading img {
-      width: 480px;
-      height: 280px;
-      max-width: 100%;
-      opacity: 0;
-      transform: translateY(-20px) scale(0.95);
-      animation: logo-fade-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-      animation-delay: 0.2s;
-    }
-
-    #loading img.hidden {
-      display: none;
-    }
-
-    @keyframes logo-fade-in {
-      0% {
-        opacity: 0;
-        transform: translateY(-20px) scale(0.95);
-      }
-      100% {
-        opacity: 1;
-        transform: translateY(0) scale(1);
-      }
-    }
-
-    :host([completed]) #loading img {
-      animation: logo-fade-out 0.4s ease-out forwards;
-    }
-
-    @keyframes logo-fade-out {
-      0% {
-        opacity: 1;
-        transform: translateY(0) scale(1);
-      }
-      100% {
-        opacity: 0;
-        transform: translateY(-10px) scale(0.98);
-      }
-    }
-
-    #loading .asset {
-      margin-top: 20px;
-      text-align: center;
-      font-size: 13px;
-      font-weight: 500;
-      text-transform: uppercase;
-      letter-spacing: 2px;
-      color: #282e38ff;
-      opacity: 0;
-      animation: fade-slide-in 0.6s ease-out forwards;
-      animation-delay: 0.5s;
-      padding: 0 2em;
-      max-width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-
-      /* Transition douce lors du changement d'asset */
-      transition: opacity 0.2s ease-out;
-    }
-
-    /* Effet subtil de "pulse" pendant le chargement */
-    @keyframes fade-slide-in {
-      0% {
-        opacity: 0;
-        transform: translateY(10px);
-      }
-      100% {
-        opacity: 0.8;
-        transform: translateY(0);
-      }
-    }
-
-    #loading .progress-container {
-      width: 100%;
-      height: 6px;
-      background: linear-gradient(
-        180deg,
-        #b8bfb0 0%,
-        #d0d4c3 50%,
-        #b8bfb0 100%
-      );
-      overflow: hidden;
-      position: relative;
-      border-radius: 3px;
-      box-shadow:
-        inset 0 1px 2px rgba(0, 0, 0, 0.1),
-        0 1px 0 rgba(255, 255, 255, 0.5);
-      opacity: 0;
-      animation: fade-slide-in 0.6s ease-out forwards;
-      animation-delay: 0.7s;
-      transform: translateZ(0);
-      backface-visibility: hidden;
-    }
-
-    #loading .progress-bar {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(
-        90deg,
-        #2a5d8f 0%,
-        #3E7CB8 50%,
-        #4a8fd8 100%
-      );
-      transform: scaleX(var(--progress, 0));
-      transform-origin: left center;
-      transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-      will-change: transform;
-      box-shadow:
-        0 0 10px rgba(62, 124, 184, 0.5),
-        0 0 20px rgba(62, 124, 184, 0.3),
-        inset 0 1px 0 rgba(255, 255, 255, 0.3);
-      animation: progress-pulse 1.5s ease-in-out infinite;
-      backface-visibility: hidden;
-    }
-
-    #loading .progress-bar.speed-blur {
-      animation: speed-blur 0.3s ease;
-    }
-
-    #loading .progress-bar::before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(
-        90deg,
-        transparent 0%,
-        rgba(255, 255, 255, 0.15) 30%,
-        rgba(255, 255, 255, 0.4) 50%,
-        rgba(255, 255, 255, 0.15) 70%,
-        transparent 100%
-      );
-      animation: shimmer 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-    }
-
-    #loading .progress-bar::after {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(
-        180deg,
-        rgba(255, 255, 255, 0.2) 0%,
-        transparent 50%,
-        rgba(0, 0, 0, 0.1) 100%
-      );
-    }
-
-    :host([completed]) .progress-bar {
-      animation: none;
-      box-shadow:
-        0 0 10px rgba(62, 124, 184, 0.5),
-        0 0 20px rgba(62, 124, 184, 0.3),
-        inset 0 1px 0 rgba(255, 255, 255, 0.3);
-    }
-
-    :host([completed]) .progress-bar::before {
-      animation: none;
-    }
-
-    @keyframes shimmer {
-      0% {
-        transform: translateX(-100%);
-      }
-      100% {
-        transform: translateX(100%);
-      }
-    }
-
-    @keyframes progress-pulse {
-      0%, 100% {
-        box-shadow:
-          0 0 10px rgba(62, 124, 184, 0.5),
-          0 0 20px rgba(62, 124, 184, 0.3),
-          inset 0 1px 0 rgba(255, 255, 255, 0.3);
-      }
-      50% {
-        box-shadow:
-          0 0 15px rgba(62, 124, 184, 0.7),
-          0 0 30px rgba(62, 124, 184, 0.5),
-          inset 0 1px 0 rgba(255, 255, 255, 0.4);
-      }
-    }
-
-    #loading div.error {
-      text-align: center;
-      padding: 0 2em;
-      font-size: 18px;
-      font-weight: bold;
-      letter-spacing: 0.5px;
-      font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
-      color: #BF360C;
-      text-transform: uppercase;
-    }
-
-    #loading pre.error {
-      text-align: left;
-      overflow: auto;
-      padding: 1em;
-      margin-top: 1em;
-      background: #CFD8DC;
-      color: #182024ff;
-      font-size: 15px;
-      border-radius: 4px;
-    }
-
-    /* Media queries pour mobile */
-    @media (max-width: 600px) {
-      #loading {
-        padding: 15px;
-      }
-
-      #loading .asset {
-        font-size: 11px;
-        letter-spacing: 1px;
-        margin-top: 15px;
-      }
-
-      #loading div.error {
-        font-size: 16px;
-        padding: 0 1em;
-      }
-
-      #loading pre.error {
-        font-size: 13px;
-        padding: 0.8em;
-      }
-    }
-
-    @media (max-width: 400px) {
-      #loading {
-        padding: 10px;
-      }
-
-      #loading .asset {
-        font-size: 10px;
-        letter-spacing: 0.5px;
-        margin-top: 12px;
-      }
-
-      #loading .progress-container {
-        height: 5px;
-      }
-    }
+    static styles = css `
+    :host {
+      display: block;
+      transition: opacity 0.5s ease-out;
+    }
+
+    :host([completed]) {
+      opacity: 0;
+    }
+
+    #loading {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      color: #444;
+      font-size: 24px;
+      font-family: sans-serif;
+      display: flex;
+      flex-flow: column;
+      align-items: center;
+      justify-content: center;
+      background: #eee;
+    }
+
+    :host(:not([started])) #loading {
+      opacity: 0;
+    }
+
+    #loading a {
+      transition: opacity 0.3s ease-out;
+      position: relative;
+      text-decoration: none;
+      color: inherit;
+      display: flex;
+      flex-direction: column;
+    }
+
+    #loading a > * {
+      pointer-events: none;
+    }
+
+    #loading img {
+      width: 480px;
+      height: 280px;
+      max-width: 100%;
+      opacity: 0;
+      transform: translateY(-20px) scale(0.95);
+      animation: logo-fade-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+      animation-delay: 0.2s;
+    }
+
+    #loading img.hidden {
+      display: none;
+    }
+
+    @keyframes logo-fade-in {
+      0% {
+        opacity: 0;
+        transform: translateY(-20px) scale(0.95);
+      }
+      100% {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+      }
+    }
+
+    :host([completed]) #loading img {
+      animation: logo-fade-out 0.4s ease-out forwards;
+    }
+
+    @keyframes logo-fade-out {
+      0% {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+      }
+      100% {
+        opacity: 0;
+        transform: translateY(-10px) scale(0.98);
+      }
+    }
+
+    #loading .asset {
+      margin-top: 20px;
+      text-align: center;
+      font-size: 13px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 2px;
+      color: #282e38ff;
+      opacity: 0;
+      animation: fade-slide-in 0.6s ease-out forwards;
+      animation-delay: 0.5s;
+      padding: 0 2em;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      /* Transition douce lors du changement d'asset */
+      transition: opacity 0.2s ease-out;
+    }
+
+    /* Effet subtil de "pulse" pendant le chargement */
+    @keyframes fade-slide-in {
+      0% {
+        opacity: 0;
+        transform: translateY(10px);
+      }
+      100% {
+        opacity: 0.8;
+        transform: translateY(0);
+      }
+    }
+
+    #loading .progress-container {
+      width: 100%;
+      height: 6px;
+      background: linear-gradient(
+        180deg,
+        #b8bfb0 0%,
+        #d0d4c3 50%,
+        #b8bfb0 100%
+      );
+      overflow: hidden;
+      position: relative;
+      border-radius: 3px;
+      box-shadow:
+        inset 0 1px 2px rgba(0, 0, 0, 0.1),
+        0 1px 0 rgba(255, 255, 255, 0.5);
+      opacity: 0;
+      animation: fade-slide-in 0.6s ease-out forwards;
+      animation-delay: 0.7s;
+      transform: translateZ(0);
+      backface-visibility: hidden;
+    }
+
+    #loading .progress-bar {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: linear-gradient(
+        90deg,
+        #2a5d8f 0%,
+        #3E7CB8 50%,
+        #4a8fd8 100%
+      );
+      transform: scaleX(var(--progress, 0));
+      transform-origin: left center;
+      transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+      will-change: transform;
+      box-shadow:
+        0 0 10px rgba(62, 124, 184, 0.5),
+        0 0 20px rgba(62, 124, 184, 0.3),
+        inset 0 1px 0 rgba(255, 255, 255, 0.3);
+      animation: progress-pulse 1.5s ease-in-out infinite;
+      backface-visibility: hidden;
+    }
+
+    #loading .progress-bar.speed-blur {
+      animation: speed-blur 0.3s ease;
+    }
+
+    #loading .progress-bar::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: linear-gradient(
+        90deg,
+        transparent 0%,
+        rgba(255, 255, 255, 0.15) 30%,
+        rgba(255, 255, 255, 0.4) 50%,
+        rgba(255, 255, 255, 0.15) 70%,
+        transparent 100%
+      );
+      animation: shimmer 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+    }
+
+    #loading .progress-bar::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: linear-gradient(
+        180deg,
+        rgba(255, 255, 255, 0.2) 0%,
+        transparent 50%,
+        rgba(0, 0, 0, 0.1) 100%
+      );
+    }
+
+    :host([completed]) .progress-bar {
+      animation: none;
+      box-shadow:
+        0 0 10px rgba(62, 124, 184, 0.5),
+        0 0 20px rgba(62, 124, 184, 0.3),
+        inset 0 1px 0 rgba(255, 255, 255, 0.3);
+    }
+
+    :host([completed]) .progress-bar::before {
+      animation: none;
+    }
+
+    @keyframes shimmer {
+      0% {
+        transform: translateX(-100%);
+      }
+      100% {
+        transform: translateX(100%);
+      }
+    }
+
+    @keyframes progress-pulse {
+      0%, 100% {
+        box-shadow:
+          0 0 10px rgba(62, 124, 184, 0.5),
+          0 0 20px rgba(62, 124, 184, 0.3),
+          inset 0 1px 0 rgba(255, 255, 255, 0.3);
+      }
+      50% {
+        box-shadow:
+          0 0 15px rgba(62, 124, 184, 0.7),
+          0 0 30px rgba(62, 124, 184, 0.5),
+          inset 0 1px 0 rgba(255, 255, 255, 0.4);
+      }
+    }
+
+    #loading div.error {
+      text-align: center;
+      padding: 0 2em;
+      font-size: 18px;
+      font-weight: bold;
+      letter-spacing: 0.5px;
+      font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
+      color: #BF360C;
+      text-transform: uppercase;
+    }
+
+    #loading pre.error {
+      text-align: left;
+      overflow: auto;
+      padding: 1em;
+      margin-top: 1em;
+      background: #CFD8DC;
+      color: #182024ff;
+      font-size: 15px;
+      border-radius: 4px;
+    }
+
+    /* Media queries pour mobile */
+    @media (max-width: 600px) {
+      #loading {
+        padding: 15px;
+      }
+
+      #loading .asset {
+        font-size: 11px;
+        letter-spacing: 1px;
+        margin-top: 15px;
+      }
+
+      #loading div.error {
+        font-size: 16px;
+        padding: 0 1em;
+      }
+
+      #loading pre.error {
+        font-size: 13px;
+        padding: 0.8em;
+      }
+    }
+
+    @media (max-width: 400px) {
+      #loading {
+        padding: 10px;
+      }
+
+      #loading .asset {
+        font-size: 10px;
+        letter-spacing: 0.5px;
+        margin-top: 12px;
+      }
+
+      #loading .progress-container {
+        height: 5px;
+      }
+    }
   `;
     constructor() {
         super();
@@ -391,25 +391,25 @@ export class Loading extends LitElement {
         const imageClasses = classMap({
             hidden: this.imageError
         });
-        return html `
-      <div id="loading">
-        ${this.errorMessage ? html `
-          <div class="error">${this.errorMessage}</div>
-          <pre class="error">${this.errorStack}</pre>
-        ` : html `
-          <a href="https://github.com/JollyPixel" target="_blank">
-            <img
-              class="${imageClasses}"
-              src="./images/jollypixel-full-logo-min.svg"
-              @error="${this.#handleImageError}"
-            >
-            <p class="asset">${this.assetName}</p>
-            <div class="progress-container">
-              <div class="${progressBarClasses}"></div>
-            </div>
-          </a>
-        `}
-      </div>
+        return html `
+      <div id="loading">
+        ${this.errorMessage ? html `
+          <div class="error">${this.errorMessage}</div>
+          <pre class="error">${this.errorStack}</pre>
+        ` : html `
+          <a href="https://github.com/JollyPixel" target="_blank">
+            <img
+              class="${imageClasses}"
+              src="./images/jollypixel-full-logo-min.svg"
+              @error="${this.#handleImageError}"
+            >
+            <p class="asset">${this.assetName}</p>
+            <div class="progress-container">
+              <div class="${progressBarClasses}"></div>
+            </div>
+          </a>
+        `}
+      </div>
     `;
     }
 }

package/dist/index.d.ts

@@ -1,5 +1,9 @@
 import { Player, type PlayerOptions } from "./Player.ts";
 export interface LoadPlayerOptions {
+    /**
+     * @default 850
+     * Minimum delay (ms) before starting asset loading. Gives the loading UI time to render.
+     */
     loadingDelay?: number;
 }
 export declare function loadPlayer(player: Player, options?: LoadPlayerOptions): Promise<void>;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAsB,UAAU,CAC9B,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,iBAAsB,iBAoFhC;AAED,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAsB,UAAU,CAC9B,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,iBAAsB,iBAoFhC;AAED,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,CAAC"}

package/dist/index.js

@@ -41,7 +41,7 @@ export async function loadPlayer(player, options = {}) {
             await timers.setTimeout(loadingDelay);
         }
         const { fps, isMobile = false, tier } = await gpuTierPromise;
-        player.setFps(fps);
+        player.loop.setFps(fps ?? 60);
         player.gameInstance.renderer.getSource().setPixelRatio(getDevicePixelRatio(isMobile));
         if (tier < 1) {
             throw new Error("GPU is not powerful enough to run this game");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@jolly-pixel/runtime",
-  "version": "1.0.0",
+  "description": "Jolly Pixel Runtime for web browsers and electron applications.",
+  "version": "1.1.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,7 +14,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public",
-    "provenance": false
+    "provenance": true
   },
   "repository": {
     "type": "git",
@@ -31,7 +32,7 @@
   "author": "GENTILHOMME Thomas <gentilhomme.thomas@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@jolly-pixel/engine": "^1.0.0",
+    "@jolly-pixel/engine": "^1.2.0",
     "detect-gpu": "^5.0.70",
     "lit": "^3.3.1",
     "stats.js": "^0.17.0",