0.3.1-0-pre.4

crates/apps/game-snake-poc-tauri/frontend/ts/game.ts

@@ -1,5 +1,5 @@
 // file: crates/apps/game-snake-poc-tauri/frontend/ts/game.ts
-// version: 1
+// version: 2
 
 import init, { SnakeWasmGame } from "@snake-wasm";
 import type { RuntimeDescriptor } from "./bridge";
@@ -13,6 +13,8 @@ export type SnakeDirection = "left" | "right" | "up" | "down";
 
 export interface SnakeTauriSession {
     queueDirection(direction: SnakeDirection, source: SnakeInputSource): void;
+    pause(): void;
+    resume(): void;
     renderNow(): void;
     refreshDeviceClass(): void;
     dispose(): void;
@@ -92,6 +94,7 @@ export async function startGame(
     let previous = performance.now();
     let accumulator = 0;
     let animationFrame: number | null = null;
+    let running = false;
     let disposed = false;
 
     function renderNow(): void {
@@ -101,8 +104,16 @@ export async function startGame(
         render(game, canvas, renderingContext, score, length);
     }
 
+    function schedule(): void {
+        if (!running || disposed || animationFrame !== null) {
+            return;
+        }
+        animationFrame = window.requestAnimationFrame(frame);
+    }
+
     function frame(now: number): void {
-        if (disposed) {
+        animationFrame = null;
+        if (!running || disposed) {
             return;
         }
         const elapsed = Math.min(Math.max(0, now - previous), MAX_FRAME_ELAPSED_MILLIS);
@@ -113,11 +124,35 @@ export async function startGame(
             accumulator -= FRAME_MILLIS;
         }
         renderNow();
-        animationFrame = window.requestAnimationFrame(frame);
+        schedule();
+    }
+
+    function pause(): void {
+        if (!running || disposed) {
+            return;
+        }
+        running = false;
+        accumulator = 0;
+        if (animationFrame !== null) {
+            window.cancelAnimationFrame(animationFrame);
+            animationFrame = null;
+        }
+        frontendInfo("Snake Tauri runtime paused");
+    }
+
+    function resume(): void {
+        if (running || disposed) {
+            return;
+        }
+        previous = performance.now();
+        accumulator = 0;
+        running = true;
+        schedule();
+        frontendInfo("Snake Tauri runtime resumed");
     }
 
     renderNow();
-    animationFrame = window.requestAnimationFrame(frame);
+    resume();
     return {
         queueDirection(direction: SnakeDirection, source: SnakeInputSource): void {
             if (disposed) {
@@ -126,6 +161,8 @@ export async function startGame(
             provenance.recordInput(source);
             queueDirection(game, direction);
         },
+        pause,
+        resume,
         renderNow,
         refreshDeviceClass(): void {
             if (!disposed) {
@@ -136,12 +173,10 @@ export async function startGame(
             if (disposed) {
                 return;
             }
+            pause();
             disposed = true;
-            if (animationFrame !== null) {
-                window.cancelAnimationFrame(animationFrame);
-                animationFrame = null;
-            }
             game.free();
+            frontendInfo("Snake Tauri runtime disposed");
         },
     };
 }