✨ Moved vertexSize to state for better management

index.js

@@ -30,9 +30,7 @@ async function InitializeCanvas(state) {
 }
 
 async function InitializeResources(state) {
-    const vertexSize = config.floatsPerVertex * 4;
-
-    state.webgpu.pipeline = await createPipeline(state.webgpu.device, state.webgpu.presentationFormat, vertexSize, state.webgpu.shaderCode);
+    state.webgpu.pipeline = await createPipeline(state.webgpu.device, state.webgpu.presentationFormat, state.webgpu.vertexSize, state.webgpu.shaderCode);
 
     const glyphCanvas = generateGlyphTextureAtlas(CANVAS, CTX, config);
     document.body.appendChild(glyphCanvas);

wgpu-state.js

@@ -15,6 +15,7 @@ export function createState(config) {
             sampler: null,
             bindGroup: null,
             shaderCode: null,
+            vertexSize: config.floatsPerVertex * 4,
         },
         matrices: {
             uniformValues: new Float32Array(config.floatsInUniformBuffer),