WebGL triangle

Find it in the repository

Collector source

core/signals/webgl/renderer.ts

Export

measurementModule · Signal object

Field definitions

core/definitions/webgl/raster.ts

Capture membership

Product capture · common/capture/product.ts

Page registration

app/signals/registry.ts

Field projection

core/results/measurement.ts

Execution contract

Signal

webgl.raster

Collector

webgl.raster

API / surface

core/signals/webgl/renderer.ts

Timeout

750 ms

Companion signals

None

Fixture inputs

Declared requests (listed below)

[
  {
    "key": "webgl.raster.default",
    "inputs": {
      "width": 32,
      "height": 32,
      "context": {
        "alpha": true,
        "antialias": false,
        "depth": false,
        "stencil": false,
        "preserveDrawingBuffer": false
      },
      "vertex": "attribute vec2 position; varying vec2 uv; void main(){ uv=position*0.5+0.5; gl_Position=vec4(position,0.0,1.0); }",
      "fragment": "precision mediump float; varying vec2 uv; void main(){ gl_FragColor=vec4(uv.x,uv.y,sqrt(uv.x*uv.y),1.0); }",
      "positions": [
        -0.9,
        -0.8,
        0.85,
        -0.65,
        -0.15,
        0.9
      ],
      "clear": [
        0,
        0,
        0,
        0
      ],
      "dither": false
    },
    "controls": {}
  }
]

One collector runs per invocation. Results and JSON select this signal’s fields; any companions execute in the same collector.

Generated source manifest lists runtime files, fixture URLs and content digests for this build. The Source tab provides a copyable console sample.

Run and edit locally

From the repository root, start the Astro app, then open /signals/webgl.raster. Edit the collector source and reload the page to load its new build.

pnpm run dev:web

In a browser module served by this repository’s Vite graph:

import { createCollector } from "/core/collect"
import { measurementModule } from "/core/signals/webgl/renderer"

const signal = measurementModule
const collector = createCollector()
const suite = { signals: [signal] }
const result = await collector.collect(suite)

Reuse the collector owner for repeated calls so collection can enforce cleanup. This returns the collector’s raw result; app/signals/projection.ts selects the retained fields shown on this page.

rg -n 'measurementModule' core app tests
pnpm run check
pnpm run test tests/unit/app/focused-projection.test.ts