optimized glyph function

index.html

@@ -19,27 +19,23 @@
         const glyphWidth = 32;
         const glyphHeight = 40;
         const glyphsAcrossTexture = 16;
-        function genreateGlyphTextureAtlas() {
-            const ctx = document.createElement('canvas').getContext('2d');
-            ctx.canvas.width = 512;
-            ctx.canvas.height = 256;
-
-            let x = 0;
-            let y = 0;
+        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; c < 128; ++c) {
+
+            for (let c = 33, x = 0, y = 0; c < 128; ++c) {
                 ctx.fillText(String.fromCodePoint(c), x + glyphWidth / 2, y + glyphHeight / 2);
-                x += glyphWidth;
-                if (x >= ctx.canvas.width) {
-                    x = 0;
-                    y += glyphHeight;
-                }
+                x = (x + glyphWidth) % canvas.width;
+                if (x === 0) y += glyphHeight;
             }
 
-            return ctx.canvas;
+            return canvas;
         }
 
         async function main() {