xbintsc 0.5.32 → 0.5.37

package/dist/tests/e2e/gui-webgl2-formats.test.js

@@ -0,0 +1,395 @@
+/**
+ * End-to-end tests for the WebGL 2 format additions: stencil, float/depth
+ * textures, `ImageBitmap` uploads and compressed textures. Framebuffer blits
+ * and scissored clears live in `gui-webgl2-blit.test.ts`.
+ */
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+const harness = createGuiHarness();
+const PAGE = `
+<html><head><title>webgl2-formats</title></head>
+<body style="margin:0">
+  <canvas id="c" width="64" height="64"></canvas>
+</body></html>`;
+/**
+ * Compare a `readPixels` result with the expected RGBA bytes. Byte values that
+ * came from a float or UNORM conversion differ by one or two between GPU
+ * backends, so exact equality is only used for values written as bytes.
+ */
+function near(actual, expected, tolerance) {
+    const parts = actual.split(",").map((part) => Number(part));
+    expect(parts.length).toBe(expected.length);
+    for (let i = 0; i < expected.length; i++) {
+        const actual = parts[i] ?? Number.POSITIVE_INFINITY;
+        const want = expected[i] ?? Number.POSITIVE_INFINITY;
+        expect(Math.abs(actual - want)).toBeLessThanOrEqual(tolerance);
+    }
+}
+describe.skipIf(!guiAvailable)("gui extension — WebGL 2 formats", () => {
+    beforeAll(() => harness.setup());
+    afterAll(() => harness.cleanup());
+    it("supports stencil operations, float textures and depth textures", () => {
+        const { value, stderr } = harness.compileAndRun("webgl2-formats", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+
+      const win = createWindow({ title: "formats", width: 320, height: 240 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+
+      win.on("ready", () => {
+        const canvas: any = document.getElementById("c");
+        const gl: any = canvas.getContext("webgl2");
+        if (gl == null) {
+          console.log("webgl2=false");
+          win.close();
+          return;
+        }
+        const px = new Uint8Array(4);
+        const probe = (): string => {
+          gl.readPixels(32, 32, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, px);
+          return px[0] + "," + px[1] + "," + px[2] + "," + px[3];
+        };
+        label("stencil-bits", gl.getParameter(gl.STENCIL_BITS));
+        label("stencil-attr", gl.getContextAttributes().stencil);
+
+        const vs: any = gl.createShader(gl.VERTEX_SHADER);
+        gl.shaderSource(vs, "#version 300 es\\n" +
+          "in vec2 a_pos; uniform float u_z;" +
+          "void main() { gl_Position = vec4(a_pos, u_z, 1.0); }");
+        gl.compileShader(vs);
+        const fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(fs, "#version 300 es\\n" +
+          "precision highp float; uniform vec4 u_color; out vec4 fragColor;" +
+          "void main() { fragColor = u_color; }");
+        gl.compileShader(fs);
+        const flat: any = gl.createProgram();
+        gl.attachShader(flat, vs);
+        gl.attachShader(flat, fs);
+        gl.linkProgram(flat);
+        label("flat-link", gl.getProgramParameter(flat, gl.LINK_STATUS) === true);
+
+        const quad = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+          -1, -1,  3, -1,  -1, 3,
+        ]), gl.STATIC_DRAW);
+        gl.useProgram(flat);
+        const pos: any = gl.getAttribLocation(flat, "a_pos");
+        gl.enableVertexAttribArray(pos);
+        gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 8, 0);
+        gl.uniform1f(gl.getUniformLocation(flat, "u_z"), 0.0);
+        const flat_color: any = gl.getUniformLocation(flat, "u_color");
+
+        // --- stencil -------------------------------------------------------
+        gl.viewport(0, 0, 64, 64);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clearStencil(0);
+        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT | gl.STENCIL_BUFFER_BIT);
+        gl.enable(gl.STENCIL_TEST);
+        gl.stencilMask(255);
+        gl.stencilFunc(gl.ALWAYS, 1, 255);
+        gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
+        gl.uniform4f(flat_color, 1, 1, 1, 1);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        gl.stencilFunc(gl.EQUAL, 1, 255);
+        gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+        gl.uniform4f(flat_color, 1, 0, 0, 1);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("stencil-red", probe());
+        gl.stencilFunc(gl.EQUAL, 0, 255);
+        gl.uniform4f(flat_color, 0, 1, 0, 1);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("stencil-blocked", probe());
+        gl.clear(gl.COLOR_BUFFER_BIT | gl.STENCIL_BUFFER_BIT);
+        gl.stencilFunc(gl.EQUAL, 1, 255);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("stencil-cleared", probe());
+        gl.disable(gl.STENCIL_TEST);
+
+        // --- float texture sampling ---------------------------------------
+        const sample_vs: any = gl.createShader(gl.VERTEX_SHADER);
+        gl.shaderSource(sample_vs, "#version 300 es\\n" +
+          "in vec2 a_pos; out vec2 v_uv;" +
+          "void main() { v_uv = a_pos * 0.5 + 0.5;" +
+          "  gl_Position = vec4(a_pos, 0.0, 1.0); }");
+        gl.compileShader(sample_vs);
+        const sample_fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(sample_fs, "#version 300 es\\n" +
+          "precision highp float; in vec2 v_uv; uniform sampler2D u_tex;" +
+          "out vec4 fragColor;" +
+          "void main() { fragColor = texture(u_tex, v_uv); }");
+        gl.compileShader(sample_fs);
+        const sample: any = gl.createProgram();
+        gl.attachShader(sample, sample_vs);
+        gl.attachShader(sample, sample_fs);
+        gl.linkProgram(sample);
+        label("sample-link", gl.getProgramParameter(sample, gl.LINK_STATUS) === true);
+
+        const float_tex = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, float_tex);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA16F, 2, 2, 0, gl.RGBA, gl.FLOAT,
+          new Float32Array([0.25, 0.5, 0.75, 1,  0.25, 0.5, 0.75, 1,
+                            0.25, 0.5, 0.75, 1,  0.25, 0.5, 0.75, 1]));
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+        gl.useProgram(sample);
+        gl.uniform1i(gl.getUniformLocation(sample, "u_tex"), 0);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("float-texture", probe());
+
+        // --- render into an RGBA16F target and sample it -------------------
+        const target = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, target);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA16F, 32, 32, 0, gl.RGBA, gl.FLOAT, null);
+        const fbo = gl.createFramebuffer();
+        gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, target, 0);
+        label("float-fbo", gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE);
+        gl.viewport(0, 0, 32, 32);
+        gl.clearColor(0.2, 0.4, 0.6, 1);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        gl.viewport(0, 0, 64, 64);
+        gl.bindTexture(gl.TEXTURE_2D, target);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("float-target", probe());
+
+        // --- depth texture as a framebuffer depth attachment ---------------
+        const depth_tex = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, depth_tex);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.DEPTH_COMPONENT24, 32, 32, 0,
+          gl.DEPTH_COMPONENT, gl.UNSIGNED_INT, null);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+        const depth_color = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, depth_color);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 32, 32, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+        const depth_fbo = gl.createFramebuffer();
+        gl.bindFramebuffer(gl.FRAMEBUFFER, depth_fbo);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, depth_color, 0);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.TEXTURE_2D, depth_tex, 0);
+        label("depth-fbo", gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE);
+        gl.viewport(0, 0, 32, 32);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clearDepth(1);
+        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+        gl.enable(gl.DEPTH_TEST);
+        gl.depthFunc(gl.LESS);
+        gl.useProgram(flat);
+        gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+        gl.enableVertexAttribArray(gl.getAttribLocation(flat, "a_pos"));
+        gl.vertexAttribPointer(gl.getAttribLocation(flat, "a_pos"), 2, gl.FLOAT, false, 8, 0);
+        gl.uniform1f(gl.getUniformLocation(flat, "u_z"), 0.5);
+        gl.uniform4f(flat_color, 1, 1, 1, 1);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        gl.disable(gl.DEPTH_TEST);
+
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        gl.viewport(0, 0, 64, 64);
+        const depth_fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(depth_fs, "#version 300 es\\n" +
+          "precision highp float; in vec2 v_uv; uniform sampler2D u_tex;" +
+          "out vec4 fragColor;" +
+          "void main() { fragColor = vec4(vec3(texture(u_tex, v_uv).r), 1.0); }");
+        gl.compileShader(depth_fs);
+        label("depth-fs", gl.getShaderParameter(depth_fs, gl.COMPILE_STATUS) === true);
+        const depth_program: any = gl.createProgram();
+        gl.attachShader(depth_program, sample_vs);
+        gl.attachShader(depth_program, depth_fs);
+        gl.linkProgram(depth_program);
+        label("depth-link", gl.getProgramParameter(depth_program, gl.LINK_STATUS) === true);
+        gl.useProgram(depth_program);
+        gl.uniform1i(gl.getUniformLocation(depth_program, "u_tex"), 0);
+        gl.bindTexture(gl.TEXTURE_2D, depth_tex);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("depth-pixel", probe());
+        label("error", gl.getError());
+        win.close();
+      });
+
+      win.loadHTML(page);
+      `, { files: { "page.html": PAGE }, autocloseMs: 10000 });
+        expect(value("stencil-bits")).toBe("8");
+        expect(value("stencil-attr")).toBe("true");
+        expect(value("flat-link")).toBe("true");
+        expect(value("stencil-red")).toBe("255,0,0,255");
+        expect(value("stencil-blocked")).toBe("255,0,0,255");
+        expect(value("stencil-cleared")).toBe("0,0,0,255");
+        expect(value("sample-link")).toBe("true");
+        near(value("float-texture"), [64, 128, 191, 255], 2);
+        expect(value("float-fbo")).toBe("true");
+        near(value("float-target"), [51, 102, 153, 255], 3);
+        expect(value("depth-fbo")).toBe("true");
+        expect(value("depth-fs")).toBe("true");
+        expect(value("depth-link")).toBe("true");
+        // The engine hands GLSL to Vulkan/Metal directly, so the stored depth is
+        // the backend's clip-space z (0.5), not GL's remapped (z + 1) / 2 (0.75).
+        near(value("depth-pixel"), [128, 128, 128, 255], 4);
+        expect(value("error")).toBe("0");
+        expect(stderr).not.toContain("pipeline creation failed");
+    });
+    it("uploads an ImageBitmap created from an ImageData-shaped source", () => {
+        const { value, stderr } = harness.compileAndRun("webgl2-bitmap", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+
+      const win = createWindow({ title: "bitmap", width: 320, height: 240 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+
+      win.on("ready", async () => {
+        const canvas: any = document.getElementById("c");
+        const gl: any = canvas.getContext("webgl2");
+        if (gl == null) {
+          console.log("webgl2=false");
+          win.close();
+          return;
+        }
+        const bitmap: any = await createImageBitmap({
+          width: 2,
+          height: 2,
+          data: new Uint8Array([64, 128, 191, 255,  64, 128, 191, 255,
+                                64, 128, 191, 255,  64, 128, 191, 255]),
+        });
+        label("bitmap-size", bitmap.width + "x" + bitmap.height);
+        label("bitmap-type", typeof ImageBitmap === "function");
+
+        const vs: any = gl.createShader(gl.VERTEX_SHADER);
+        gl.shaderSource(vs, "#version 300 es\\n" +
+          "in vec2 a_pos; out vec2 v_uv;" +
+          "void main() { v_uv = a_pos * 0.5 + 0.5;" +
+          "  gl_Position = vec4(a_pos, 0.0, 1.0); }");
+        gl.compileShader(vs);
+        const fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(fs, "#version 300 es\\n" +
+          "precision highp float; in vec2 v_uv; uniform sampler2D u_tex;" +
+          "out vec4 fragColor; void main() { fragColor = texture(u_tex, v_uv); }");
+        gl.compileShader(fs);
+        const program: any = gl.createProgram();
+        gl.attachShader(program, vs);
+        gl.attachShader(program, fs);
+        gl.linkProgram(program);
+        label("link", gl.getProgramParameter(program, gl.LINK_STATUS) === true);
+        gl.useProgram(program);
+
+        const texture: any = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, texture);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, bitmap);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+        gl.uniform1i(gl.getUniformLocation(program, "u_tex"), 0);
+        const quad = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+          -1, -1,  3, -1,  -1, 3,
+        ]), gl.STATIC_DRAW);
+        const pos: any = gl.getAttribLocation(program, "a_pos");
+        gl.enableVertexAttribArray(pos);
+        gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 8, 0);
+        gl.viewport(0, 0, 64, 64);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        const px = new Uint8Array(4);
+        gl.readPixels(32, 32, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, px);
+        label("pixel", px[0] + "," + px[1] + "," + px[2] + "," + px[3]);
+        label("error", gl.getError());
+        win.close();
+      });
+
+      win.loadHTML(page);
+      `, { files: { "page.html": PAGE }, autocloseMs: 10000 });
+        expect(value("bitmap-size")).toBe("2x2");
+        expect(value("bitmap-type")).toBe("true");
+        expect(value("link")).toBe("true");
+        expect(value("pixel")).toBe("64,128,191,255");
+        expect(value("error")).toBe("0");
+        expect(stderr).not.toContain("pipeline creation failed");
+    });
+    it("samples an S3TC-compressed texture when the device supports it", () => {
+        const { value, stderr } = harness.compileAndRun("webgl2-compressed", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+
+      const win = createWindow({ title: "compressed", width: 320, height: 240 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+
+      win.on("ready", () => {
+        const canvas: any = document.getElementById("c");
+        const gl: any = canvas.getContext("webgl2");
+        if (gl == null) {
+          console.log("webgl2=false");
+          win.close();
+          return;
+        }
+        const s3tc: any = gl.getExtension("WEBGL_compressed_texture_s3tc");
+        label("s3tc", s3tc != null);
+        const supported: any = gl.getSupportedExtensions();
+        label("listed", supported.indexOf("WEBGL_compressed_texture_s3tc") >= 0);
+        if (s3tc == null) {
+          win.close();
+          return;
+        }
+        const vs: any = gl.createShader(gl.VERTEX_SHADER);
+        gl.shaderSource(vs, "#version 300 es\\n" +
+          "in vec2 a_pos; out vec2 v_uv;" +
+          "void main() { v_uv = a_pos * 0.5 + 0.5;" +
+          "  gl_Position = vec4(a_pos, 0.0, 1.0); }");
+        gl.compileShader(vs);
+        const fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(fs, "#version 300 es\\n" +
+          "precision highp float; in vec2 v_uv; uniform sampler2D u_tex;" +
+          "out vec4 fragColor; void main() { fragColor = texture(u_tex, v_uv); }");
+        gl.compileShader(fs);
+        const program: any = gl.createProgram();
+        gl.attachShader(program, vs);
+        gl.attachShader(program, fs);
+        gl.linkProgram(program);
+        label("link", gl.getProgramParameter(program, gl.LINK_STATUS) === true);
+        gl.useProgram(program);
+
+        const texture: any = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, texture);
+        // One BC1 block: colour0 = red (RGB565 0xF800), colour1 = black,
+        // every index selects colour0.
+        gl.compressedTexImage2D(gl.TEXTURE_2D, 0, s3tc.COMPRESSED_RGBA_S3TC_DXT1_EXT,
+          4, 4, 0, new Uint8Array([0x00, 0xF8, 0x00, 0x00, 0, 0, 0, 0]));
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+        gl.uniform1i(gl.getUniformLocation(program, "u_tex"), 0);
+        const quad = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+          -1, -1,  3, -1,  -1, 3,
+        ]), gl.STATIC_DRAW);
+        const pos: any = gl.getAttribLocation(program, "a_pos");
+        gl.enableVertexAttribArray(pos);
+        gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 8, 0);
+        gl.viewport(0, 0, 64, 64);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        const px = new Uint8Array(4);
+        gl.readPixels(32, 32, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, px);
+        label("pixel", px[0] + "," + px[1] + "," + px[2] + "," + px[3]);
+        label("error", gl.getError());
+        win.close();
+      });
+
+      win.loadHTML(page);
+      `, { files: { "page.html": PAGE }, autocloseMs: 10000 });
+        expect(["true", "false"]).toContain(value("s3tc"));
+        expect(value("listed")).toBe(value("s3tc"));
+        if (value("s3tc") === "true") {
+            expect(value("link")).toBe("true");
+            expect(value("pixel")).toBe("255,0,0,255");
+            expect(value("error")).toBe("0");
+        }
+        expect(stderr).not.toContain("pipeline creation failed");
+    });
+});
+//# sourceMappingURL=gui-webgl2-formats.test.js.map

package/dist/tests/e2e/gui-webgl2-formats.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gui-webgl2-formats.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-webgl2-formats.test.ts"],"names":[],"mappings":"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"}

package/dist/tests/e2e/gui-webgl2-mrt.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * End-to-end test for WebGL 2 multiple render targets.
+ */
+export {};

package/dist/tests/e2e/gui-webgl2-mrt.test.js

@@ -0,0 +1,105 @@
+/**
+ * End-to-end test for WebGL 2 multiple render targets.
+ */
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+const harness = createGuiHarness();
+const PAGE = `
+<html><head><title>webgl2-mrt</title></head>
+<body style="margin:0">
+  <canvas id="c" width="64" height="64"></canvas>
+</body></html>`;
+describe.skipIf(!guiAvailable)("gui extension — WebGL 2 MRT", () => {
+    beforeAll(() => harness.setup());
+    afterAll(() => harness.cleanup());
+    it("writes two fragment outputs and reads each attachment", () => {
+        const { value, stderr } = harness.compileAndRun("webgl2-mrt", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+
+      const win = createWindow({ title: "mrt", width: 320, height: 240 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+
+      win.on("ready", () => {
+        const canvas: any = document.getElementById("c");
+        const gl: any = canvas.getContext("webgl2");
+        if (gl == null) {
+          console.log("webgl2=false");
+          win.close();
+          return;
+        }
+        label("max-draw", gl.getParameter(gl.MAX_DRAW_BUFFERS));
+
+        const vs: any = gl.createShader(gl.VERTEX_SHADER);
+        gl.shaderSource(vs, "#version 300 es\\n" +
+          "in vec2 a_pos; void main() { gl_Position = vec4(a_pos, 0.0, 1.0); }");
+        gl.compileShader(vs);
+        const fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(fs, "#version 300 es\\n" +
+          "precision highp float;" +
+          "out vec4 fragColor0; out vec4 fragColor1;" +
+          "void main() { fragColor0 = vec4(1.0, 0.0, 0.0, 1.0);" +
+          "  fragColor1 = vec4(0.0, 1.0, 0.0, 1.0); }");
+        gl.compileShader(fs);
+        label("fs", gl.getShaderParameter(fs, gl.COMPILE_STATUS) === true);
+        const program: any = gl.createProgram();
+        gl.attachShader(program, vs);
+        gl.attachShader(program, fs);
+        gl.linkProgram(program);
+        label("link", gl.getProgramParameter(program, gl.LINK_STATUS) === true);
+        gl.useProgram(program);
+
+        const quad = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+          -1, -1,  3, -1,  -1, 3,
+        ]), gl.STATIC_DRAW);
+        const pos: any = gl.getAttribLocation(program, "a_pos");
+        gl.enableVertexAttribArray(pos);
+        gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 8, 0);
+
+        const make_target = (): any => {
+          const texture: any = gl.createTexture();
+          gl.bindTexture(gl.TEXTURE_2D, texture);
+          gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 32, 32, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+          return texture;
+        };
+        const first: any = make_target();
+        const second: any = make_target();
+        const fbo: any = gl.createFramebuffer();
+        gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, first, 0);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT1, gl.TEXTURE_2D, second, 0);
+        gl.drawBuffers([gl.COLOR_ATTACHMENT0, gl.COLOR_ATTACHMENT1]);
+        label("status", gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE);
+        label("draw-buffer-1", gl.getParameter(gl.DRAW_BUFFER1) === gl.COLOR_ATTACHMENT1);
+        gl.viewport(0, 0, 32, 32);
+        gl.clearColor(0, 0, 0, 0);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        const px = new Uint8Array(4);
+        const read = (attachment: number): string => {
+          gl.readBuffer(attachment);
+          gl.readPixels(16, 16, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, px);
+          return px[0] + "," + px[1] + "," + px[2] + "," + px[3];
+        };
+        label("target-0", read(gl.COLOR_ATTACHMENT0));
+        label("target-1", read(gl.COLOR_ATTACHMENT1));
+        label("error", gl.getError());
+        win.close();
+      });
+
+      win.loadHTML(page);
+      `, { files: { "page.html": PAGE }, autocloseMs: 10000 });
+        expect(value("max-draw")).toBe("4");
+        expect(value("fs")).toBe("true");
+        expect(value("link")).toBe("true");
+        expect(value("status")).toBe("true");
+        expect(value("draw-buffer-1")).toBe("true");
+        expect(value("target-0")).toBe("255,0,0,255");
+        expect(value("target-1")).toBe("0,255,0,255");
+        expect(value("error")).toBe("0");
+        expect(stderr).not.toContain("pipeline creation failed");
+    });
+});
+//# sourceMappingURL=gui-webgl2-mrt.test.js.map

package/dist/tests/e2e/gui-webgl2-mrt.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gui-webgl2-mrt.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-webgl2-mrt.test.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;AAEnC,MAAM,IAAI,GAAG;;;;eAIE,CAAC;AAEhB,QAAQ,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACjE,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IACjC,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IAElC,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,YAAY,EACZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6EC,EACD,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,CACrD,CAAC;QAEF,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/tests/e2e/gui-webgl2-ubo.test.d.ts

@@ -0,0 +1,8 @@
+/**
+ * End-to-end test for WebGL 2 uniform buffer objects.
+ *
+ * The engine merges a user block into its single std140 block and copies the
+ * bound buffer into that block at draw time, because SDL_GPU has no bindable
+ * uniform buffers.
+ */
+export {};

package/dist/tests/e2e/gui-webgl2-ubo.test.js

@@ -0,0 +1,112 @@
+/**
+ * End-to-end test for WebGL 2 uniform buffer objects.
+ *
+ * The engine merges a user block into its single std140 block and copies the
+ * bound buffer into that block at draw time, because SDL_GPU has no bindable
+ * uniform buffers.
+ */
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+const harness = createGuiHarness();
+const PAGE = `
+<html><head><title>webgl2-ubo</title></head>
+<body style="margin:0">
+  <canvas id="c" width="64" height="64"></canvas>
+</body></html>`;
+describe.skipIf(!guiAvailable)("gui extension — WebGL 2 UBO", () => {
+    beforeAll(() => harness.setup());
+    afterAll(() => harness.cleanup());
+    it("feeds a uniform block from a bound buffer", () => {
+        const { value, stderr } = harness.compileAndRun("webgl2-ubo", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+
+      const win = createWindow({ title: "ubo", width: 320, height: 240 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+
+      win.on("ready", () => {
+        const canvas: any = document.getElementById("c");
+        const gl: any = canvas.getContext("webgl2");
+        if (gl == null) {
+          console.log("webgl2=false");
+          win.close();
+          return;
+        }
+        const block = "layout(std140) uniform Camera {" +
+          "  vec4 u_color; float u_scale; } cam;";
+        const vs: any = gl.createShader(gl.VERTEX_SHADER);
+        gl.shaderSource(vs, "#version 300 es\\n" + block +
+          "in vec2 a_pos;" +
+          "void main() { gl_Position = vec4(a_pos * cam.u_scale, 0.0, 1.0); }");
+        gl.compileShader(vs);
+        label("vs", gl.getShaderParameter(vs, gl.COMPILE_STATUS) === true);
+        const fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(fs, "#version 300 es\\nprecision highp float;\\n" + block +
+          "out vec4 fragColor;" +
+          "void main() { fragColor = cam.u_color; }");
+        gl.compileShader(fs);
+        label("fs", gl.getShaderParameter(fs, gl.COMPILE_STATUS) === true);
+        const program: any = gl.createProgram();
+        gl.attachShader(program, vs);
+        gl.attachShader(program, fs);
+        gl.linkProgram(program);
+        label("link", gl.getProgramParameter(program, gl.LINK_STATUS) === true);
+        gl.useProgram(program);
+
+        const index: any = gl.getUniformBlockIndex(program, "Camera");
+        label("block-index", index != 4294967295);
+        label("block-name", gl.getActiveUniformBlockName(program, index));
+        gl.uniformBlockBinding(program, index, 0);
+        label("binding", gl.getActiveUniformBlockParameter(
+          program, index, gl.UNIFORM_BLOCK_BINDING));
+        label("size", gl.getActiveUniformBlockParameter(
+          program, index, gl.UNIFORM_BLOCK_DATA_SIZE) >= 20);
+
+        const data = new Float32Array([1, 0, 0, 1, 1]);
+        const buffer: any = gl.createBuffer();
+        gl.bindBuffer(gl.UNIFORM_BUFFER, buffer);
+        gl.bufferData(gl.UNIFORM_BUFFER, data, gl.DYNAMIC_DRAW);
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, 0, buffer);
+        label("buffer-bound", gl.getIndexedParameter(gl.UNIFORM_BUFFER, 0) != null);
+
+        const quad = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+          -1, -1,  3, -1,  -1, 3,
+        ]), gl.STATIC_DRAW);
+        const pos: any = gl.getAttribLocation(program, "a_pos");
+        gl.enableVertexAttribArray(pos);
+        gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 8, 0);
+        gl.viewport(0, 0, 64, 64);
+        const px = new Uint8Array(4);
+        const sample = (): string => {
+          gl.clearColor(0, 0, 1, 1);
+          gl.clear(gl.COLOR_BUFFER_BIT);
+          gl.drawArrays(gl.TRIANGLES, 0, 3);
+          gl.readPixels(32, 32, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, px);
+          return px[0] + "," + px[1] + "," + px[2] + "," + px[3];
+        };
+        label("red", sample());
+        gl.bufferSubData(gl.UNIFORM_BUFFER, 0, new Float32Array([0, 1, 0, 1]));
+        label("green", sample());
+        label("error", gl.getError());
+        win.close();
+      });
+
+      win.loadHTML(page);
+      `, { files: { "page.html": PAGE }, autocloseMs: 10000 });
+        expect(value("vs")).toBe("true");
+        expect(value("fs")).toBe("true");
+        expect(value("link")).toBe("true");
+        expect(value("block-index")).toBe("true");
+        expect(value("block-name")).toBe("Camera");
+        expect(value("binding")).toBe("0");
+        expect(value("size")).toBe("true");
+        expect(value("buffer-bound")).toBe("true");
+        expect(value("red")).toBe("255,0,0,255");
+        expect(value("green")).toBe("0,255,0,255");
+        expect(value("error")).toBe("0");
+        expect(stderr).not.toContain("pipeline creation failed");
+    });
+});
+//# sourceMappingURL=gui-webgl2-ubo.test.js.map

package/dist/tests/e2e/gui-webgl2-ubo.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gui-webgl2-ubo.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-webgl2-ubo.test.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;AAEnC,MAAM,IAAI,GAAG;;;;eAIE,CAAC;AAEhB,QAAQ,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACjE,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IACjC,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IAElC,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,YAAY,EACZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6EC,EACD,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,CACrD,CAAC;QAEF,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3C,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3C,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}