config

config.js

@@ -0,0 +1,7 @@
+// config.js
+
+const config = {
+    glyphsAcrossTexture: 16
+};
+
+export { config }

index.html

@@ -12,9 +12,9 @@
     <script type="module">
         import { mat4 } from 'https://webgpufundamentals.org/3rdparty/wgpu-matrix.module.js';
         import { fetchShaderCode } from './utility.js';
+        import { config } from './config.js';
         const glyphWidth = 32;
         const glyphHeight = 40;
-        const glyphsAcrossTexture = 16;
         function generateGlyphTextureAtlas() {
             const canvas = document.createElement('canvas');
             canvas.width = 512;
@@ -95,8 +95,8 @@
                     const c = s.charCodeAt(i);
                     if (c >= 33) {
                         const cIndex = c - 33;
-                        const glyphX = cIndex % glyphsAcrossTexture;
-                        const glyphY = Math.floor(cIndex / glyphsAcrossTexture);
+                        const glyphX = cIndex % config.glyphsAcrossTexture;
+                        const glyphY = Math.floor(cIndex / config.glyphsAcrossTexture);
                         const u0 = glyphX * glyphWidth / glyphCanvas.width;
                         const v1 = glyphY * glyphHeight / glyphCanvas.height;
                         const u1 = u0 + glyphUVWidth;