fix

coinbase · Mar 5, 2025 · 0d5ed13 · 0d5ed13
1 parent b931893
commit 0d5ed13
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/create-onchain/templates/minikit/app/components/Sammy.tsx b/create-onchain/templates/minikit/app/components/Sammy.tsx
@@ -12,6 +12,8 @@ import { encodeAbiParameters } from "viem";
 import ArrowSvg from "../svg/ArrowSvg";
 import MiniKitLogo from '../svg/MiniKitLogo';
 
+const FPS = 60;
+const MS_PER_FRAME = 1000 / FPS;
 const NUM_TARGETS_PER_LEVEL = 10;
 
 const GameState = {
@@ -338,11 +340,17 @@ function Paused() {
   )
 }
 
+let msPrev = performance.now();
 const useGameLoop = (callback: () => void, dependencies: DependencyList) => {
   useEffect(() => {
     let frameId: number;
     const loop = () => {
-      callback();
+      const msNow = performance.now();
+      const delta = msNow - msPrev;
+      if (delta > MS_PER_FRAME) {
+        callback();
+        msPrev = msNow - (delta % MS_PER_FRAME);
+      }
       frameId = requestAnimationFrame(loop);
     };
     frameId = requestAnimationFrame(loop);