create-spud 0.1.9 → 0.1.11

package/example/src/gameLoop.ts

@@ -1,7 +1,8 @@
 type GameLoopConfig<State> = {
   ctx: CanvasRenderingContext2D;
   state: State;
-  update: (state: State, dt: number) => void;
+  update?: (state: State, dt: number) => void;
+  fixedUpdate?: (state: State, dt: number) => void;
   render: (state: State, ctx: CanvasRenderingContext2D) => void;
   fixedDeltaTime?: number;
 };
@@ -10,6 +11,7 @@ export function gameLoop<State>({
   ctx,
   state,
   update,
+  fixedUpdate,
   render,
   fixedDeltaTime = 8 / 1000,
 }: GameLoopConfig<State>) {
@@ -25,14 +27,16 @@ export function gameLoop<State>({
     const dt = Math.min(elapsed / 1000, 0.1);
     lastFrameTime = now;
 
-    {
+    if (fixedUpdate) {
       accumulator += dt;
       while (accumulator >= fixedDeltaTime) {
-        update(state, fixedDeltaTime);
+        fixedUpdate(state, fixedDeltaTime);
         accumulator -= fixedDeltaTime;
       }
     }
 
+    update?.(state, dt);
+
     render(state, ctx);
     requestAnimationFrame(tick);
   }

package/example/src/gameplay.ts

@@ -8,7 +8,7 @@ function justFired() {
   return pressedTrigger || keyboard.justPressed("Enter");
 }
 
-export function update(state: State, dt: number) {
+export function fixedUpdate(state: State, dt: number) {
   // handle inputs and update state here
   state.elapsedSeconds += dt;
 

package/example/src/main.ts

@@ -4,7 +4,7 @@
 
 import { scaleAndObserveCanvasSize } from "./canvas";
 import { gameLoop } from "./gameLoop";
-import { render, update } from "./gameplay";
+import { render, fixedUpdate } from "./gameplay";
 import { state } from "./state";
 
 const canvas = document.createElement("canvas");
@@ -13,4 +13,4 @@ document.body.appendChild(canvas);
 const ctx = canvas.getContext("2d", { alpha: false })!;
 scaleAndObserveCanvasSize(ctx, state.bounds);
 
-gameLoop({ ctx, state, update, render });
+gameLoop({ ctx, state, fixedUpdate, render });

package/index.ts

@@ -185,7 +185,7 @@ async function copyDir(
       playbackRate: 0.5 + Math.random(),
     });
 `
-          : "    /* handle inputs and update state */\n"",
+          : "    /* handle inputs and update state */\n",
       )
       .replaceAll(
         "/* fonts_ctx_font */",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-spud",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "bin": {
     "create-spud": "./index.ts"
   },