add to config

config.js

@@ -3,5 +3,7 @@
 export const config = {
     glyphsAcrossTexture: 16,
     glyphWidth: 32,
-    glyphHeight: 40
+    glyphHeight: 40,
+    maxGlyphs: 100,
+    vertsPerGlyph: 6
 };

index.html

@@ -54,12 +54,9 @@
             const glyphCanvas = generateGlyphTextureAtlas();
             document.body.appendChild(glyphCanvas);
             glyphCanvas.style.backgroundColor = '#222';
-
-            const maxGlyphs = 100;
             const floatsPerVertex = 2 + 2 + 4;
             const vertexSize = floatsPerVertex * 4;
-            const vertsPerGlyph = 6;
-            const vertexBufferSize = maxGlyphs * vertsPerGlyph * vertexSize;
+            const vertexBufferSize = config.maxGlyphs * config.vertsPerGlyph * vertexSize;
             const vertexBuffer = device.createBuffer({
                 label: 'vertices',
                 size: vertexBufferSize,
@@ -67,18 +64,18 @@
             });
             const indexBuffer = device.createBuffer({
                 label: 'indices',
-                size: maxGlyphs * vertsPerGlyph * 4,
+                size: config.maxGlyphs * config.vertsPerGlyph * 4,
                 usage: GPUBufferUsage.INDEX | GPUBufferUsage.COPY_DST,
             });
 
-            const indices = Array.from({ length: maxGlyphs * 6 }, (_, i) => {
+            const indices = Array.from({ length: config.maxGlyphs * 6 }, (_, i) => {
                 const ndx = Math.floor(i / 6) * 4;
                 return (i % 6 < 3 ? [ndx, ndx + 1, ndx + 2] : [ndx + 2, ndx + 1, ndx + 3])[i % 3];
             });
             device.queue.writeBuffer(indexBuffer, 0, new Uint32Array(indices));
 
             function generateGlyphVerticesForText(s, colors = [[1, 1, 1, 1]]) {
-                const vertexData = new Float32Array(maxGlyphs * floatsPerVertex * vertsPerGlyph);
+                const vertexData = new Float32Array(config.maxGlyphs * floatsPerVertex * config.vertsPerGlyph);
                 const glyphUVWidth = config.glyphWidth / glyphCanvas.width;
                 const glyphUVHeight = config.glyphHeight / glyphCanvas.height;
                 let offset = 0, x0 = 0, y0 = 0, x1 = 1, y1 = 1, width = 0;