fix typo

index.html

@@ -15,6 +15,22 @@
         const glyphWidth = 32;
         const glyphHeight = 40;
         const glyphsAcrossTexture = 16;
+        function generateGlyphTextureAtlas() {
+            const canvas = document.createElement('canvas');
+            canvas.width = 512;
+            canvas.height = 256;
+            const ctx = canvas.getContext('2d');
+            ctx.font = '32px monospace';
+            ctx.textBaseline = 'middle';
+            ctx.textAlign = 'center';
+            ctx.fillStyle = 'white';
+            for (let c = 33, x = 0, y = 0; c < 128; ++c) {
+                ctx.fillText(String.fromCodePoint(c), x + glyphWidth / 2, y + glyphHeight / 2);
+                x = (x + glyphWidth) % canvas.width;
+                if (x === 0) y += glyphHeight;
+            }
+            return canvas;
+        }
         async function main() {
             const adapter = await navigator.gpu?.requestAdapter();
             const device = await adapter?.requestDevice();
@@ -225,22 +241,6 @@
 
             requestAnimationFrame(render);
         }
-        function generateGlyphTextureAtlas() {
-            const canvas = document.createElement('canvas');
-            canvas.width = 512;
-            canvas.height = 256;
-            const ctx = canvas.getContext('2d');
-            ctx.font = '32px monospace';
-            ctx.textBaseline = 'middle';
-            ctx.textAlign = 'center';
-            ctx.fillStyle = 'white';
-            for (let c = 33, x = 0, y = 0; c < 128; ++c) {
-                ctx.fillText(String.fromCodePoint(c), x + glyphWidth / 2, y + glyphHeight / 2);
-                x = (x + glyphWidth) % canvas.width;
-                if (x === 0) y += glyphHeight;
-            }
-            return canvas;
-        }
         function fail(msg) {
             alert(msg);
         }

utility.js

@@ -1 +1,2 @@
 // utility.js
+// Empty for now, will populate with functions later