pass state into Tick

index.js

@@ -1,15 +1,15 @@
 import { mat4 } from 'https://webgpufundamentals.org/3rdparty/wgpu-matrix.module.js';
 import { initializeWebGPU } from './wgpu-device.js';
 import { createState } from './wgpu-state.js';
-import { generateGlyphTextureAtlas, createTextureFromSource } from './wgpu-utility.js';
+import { initializeTiming } from './wgpu-timing.js';
 import { createPipeline } from './wgpu-pipeline.js';
+import { generateGlyphTextureAtlas, createTextureFromSource } from './wgpu-utility.js';
 import { fetchShaderCode } from './wgpu-shader.js';
 import { GenerateVertexDataAndTexture } from './wgpu-texture.js'; 
 import { generateGlyphVerticesForText } from './wgpu-text.js'; 
 import { config } from './wgpu-config.js';
 import { CANVAS, CTX, COLORS, RENDER_PASS_DESCRIPTOR } from './wgpu-constants.js';
 import { CreateBuffers } from './wgpu-buffer.js';
-import { initializeTiming } from './wgpu-timing.js';
 
 // State initialization
 const state = createState(config);
@@ -27,13 +27,13 @@ async function Main() {
     initializeTiming(state);
 
     // Initialize Resources
-    await InitializeResources();
+    await InitializeResources(state);
 
     // Start the game loop
-    GameLoop();
+    GameLoop(state);
 }
 
-async function InitializeResources() {
+async function InitializeResources(state) {
     const shaderCode = await fetchShaderCode('shaders.wgsl');
     const vertexSize = config.floatsPerVertex * 4;
 
@@ -48,7 +48,7 @@ async function InitializeResources() {
     GenerateVertexDataAndTexture(state, glyphCanvas, generateGlyphVerticesForText, COLORS, config, createTextureFromSource);
 }
 
-function GameLoop() {
+function GameLoop(state) {
     function Tick() {
         state.timing.currentTime = performance.now();
         state.timing.frameTime = (state.timing.currentTime - state.timing.lastTime) / 1000;
@@ -58,11 +58,11 @@ function GameLoop() {
         state.timing.accumulator += state.timing.deltaTime;
 
         while (state.timing.accumulator >= state.timing.fixedDeltaTime) {
-            FixedUpdate(state.timing.fixedDeltaTime);
+            FixedUpdate(state.timing.fixedDeltaTime, state);
             state.timing.accumulator -= state.timing.fixedDeltaTime;
         }
 
-        Render();
+        Render(state);
 
         setTimeout(Tick, state.timing.frameDuration);
     }
@@ -70,11 +70,11 @@ function GameLoop() {
     Tick();
 }
 
-function FixedUpdate(deltaTime) {
+function FixedUpdate(deltaTime, state) {
     state.timing.time += deltaTime;
 }
 
-function Render() {
+function Render(state) {
     const fov = 60 * Math.PI / 180;
     const aspect = state.canvas.clientWidth / state.canvas.clientHeight;
     const projectionMatrix = mat4.perspective(fov, aspect, config.render.zNear, config.render.zFar);