cleanup

index.js

@@ -115,7 +115,7 @@ async function main() {
         ],
     });
 
-    function render(time) {
+    function render(time, context, pipeline, uniformBuffer, uniformValues, bindGroup, vertexBuffer, indexBuffer, RENDER_PASS_DESCRIPTOR) {
         time *= CONFIG.time.phase;
         const fov = 60 * Math.PI / 180;
         const aspect = canvas.clientWidth / canvas.clientHeight;
@@ -135,10 +135,10 @@ async function main() {
         pass.drawIndexed(numGlyphs * 6);
         pass.end();
         device.queue.submit([encoder.finish()]);
-        requestAnimationFrame(render);
+        requestAnimationFrame((time) => render(time, context, pipeline, uniformBuffer, uniformValues, bindGroup, vertexBuffer, indexBuffer, RENDER_PASS_DESCRIPTOR));
     }
-
-    requestAnimationFrame(render);
+    
+    requestAnimationFrame((time) => render(time, context, pipeline, uniformBuffer, uniformValues, bindGroup, vertexBuffer, indexBuffer, RENDER_PASS_DESCRIPTOR));
 }
 
 function generateGlyphVerticesForText(s, COLORS, glyphCanvas) {
@@ -196,4 +196,4 @@ function createTextureFromSource(device, source, options = {}) {
     return texture;
 }
 
-main();
+main();