more static

index.js

@@ -1,5 +1,5 @@
 import { mat4 } from 'https://webgpufundamentals.org/3rdparty/wgpu-matrix.module.js';
-import { fetchShaderCode, generateGlyphTextureAtlas } from './utility.js';
+import { fetchShaderCode, generateGlyphTextureAtlas, createTextureFromSource } from './utility.js';
 import { config } from './config.js';
 import { CANVAS, CTX, COLORS, RENDER_PASS_DESCRIPTOR } from './constants.js';
 import { createPipeline } from './wgpu-pipeline.js';
@@ -146,20 +146,4 @@ function generateGlyphVerticesForText(s, COLORS, glyphCanvas) {
     return { vertexData, numGlyphs: offset / config.floatsPerVertex, width, height: y1 };
 }
 
-function createTextureFromSource(device, source, options = {}) {
-    const texture = device.createTexture({
-        format: 'rgba8unorm',
-        size: [source.width, source.height],
-        usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT,
-    });
-
-    device.queue.copyExternalImageToTexture(
-        { source, flipY: options.flipY },
-        { texture, premultipliedAlpha: true },
-        { width: source.width, height: source.height }
-    );
-
-    return texture;
-}
-
 main();

utility.js

@@ -18,4 +18,20 @@ export function generateGlyphTextureAtlas(canvas, ctx, config) {
         if (x === 0) y += config.glyphHeight;
     }
     return canvas;
+}
+
+export function createTextureFromSource(device, source, options = {}) {
+    const texture = device.createTexture({
+        format: 'rgba8unorm',
+        size: [source.width, source.height],
+        usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT,
+    });
+
+    device.queue.copyExternalImageToTexture(
+        { source, flipY: options.flipY },
+        { texture, premultipliedAlpha: true },
+        { width: source.width, height: source.height }
+    );
+
+    return texture;
 }