remove time.phase from config

index.js

@@ -76,36 +76,34 @@ async function main() {
     state.height = height;
 
     let lastTime = performance.now();
-    function update(currentTime) {
-        const deltaTime = (currentTime - lastTime) * config.time.phase;
+    function update() {
+        const currentTime = performance.now();
+        const deltaTime = (currentTime - lastTime) / 1000; // Convert to seconds
         state.time += deltaTime;
-        render(mat4, context, state, RENDER_PASS_DESCRIPTOR);
+        const fov = 60 * Math.PI / 180;
+        const aspect = canvas.clientWidth / canvas.clientHeight;
+        const projectionMatrix = mat4.perspective(fov, aspect, config.render.zNear, config.render.zFar);
+        const viewMatrix = mat4.lookAt([0, 0, 5], [0, 0, 0], [0, 1, 0]);
+        const viewProjectionMatrix = mat4.multiply(projectionMatrix, viewMatrix);
+        RENDER_PASS_DESCRIPTOR.colorAttachments[0].view = context.getCurrentTexture().createView();
+        const encoder = state.device.createCommandEncoder();
+        const pass = encoder.beginRenderPass(RENDER_PASS_DESCRIPTOR);
+        pass.setPipeline(state.pipeline);
+        mat4.rotateY(viewProjectionMatrix, state.time, state.matrix);
+        mat4.translate(state.matrix, [-state.width / 2, -state.height / 2, 0], state.matrix);
+        state.device.queue.writeBuffer(state.uniformBuffer, 0, state.uniformValues);
+        pass.setBindGroup(0, state.bindGroup);
+        pass.setVertexBuffer(0, state.vertexBuffer);
+        pass.setIndexBuffer(state.indexBuffer, 'uint32');
+        pass.drawIndexed(state.numGlyphs * 6);
+        pass.end();
+        state.device.queue.submit([encoder.finish()]);
+
         lastTime = currentTime;
+        setTimeout(update, 16); // Approximate 60 FPS
     }
 
-    const interval = 16; // Roughly 60 FPS
-    setInterval(() => update(performance.now()), interval);
-}
-
-function render(mat4, context, state, RENDER_PASS_DESCRIPTOR) {
-    const fov = 60 * Math.PI / 180;
-    const aspect = canvas.clientWidth / canvas.clientHeight;
-    const projectionMatrix = mat4.perspective(fov, aspect, config.render.zNear, config.render.zFar);
-    const viewMatrix = mat4.lookAt([0, 0, 5], [0, 0, 0], [0, 1, 0]);
-    const viewProjectionMatrix = mat4.multiply(projectionMatrix, viewMatrix);
-    RENDER_PASS_DESCRIPTOR.colorAttachments[0].view = context.getCurrentTexture().createView();
-    const encoder = state.device.createCommandEncoder();
-    const pass = encoder.beginRenderPass(RENDER_PASS_DESCRIPTOR);
-    pass.setPipeline(state.pipeline);
-    mat4.rotateY(viewProjectionMatrix, state.time, state.matrix);
-    mat4.translate(state.matrix, [-state.width / 2, -state.height / 2, 0], state.matrix);
-    state.device.queue.writeBuffer(state.uniformBuffer, 0, state.uniformValues);
-    pass.setBindGroup(0, state.bindGroup);
-    pass.setVertexBuffer(0, state.vertexBuffer);
-    pass.setIndexBuffer(state.indexBuffer, 'uint32');
-    pass.drawIndexed(state.numGlyphs * 6);
-    pass.end();
-    state.device.queue.submit([encoder.finish()]);
+    update();
 }
 
 main();

wgpu-config.js

@@ -21,8 +21,5 @@ export const config = {
     render: {
         zNear: 0.001,
         zFar: 50
-    },
-    time: {
-        phase: 0.001
     }
 };