WEBGPU / TSL GRAPH ADDON

Four materials. One graph editor boundary.

The official TSL Graph example attaches graph IDs to four NodeMaterial families, loads a graph document, and lets Inspector apply it to a shader-ball scene. This route keeps those ownership boundaries visible with deterministic local fixtures.

Preparing TSL Graph—

Creating the native renderer, Inspector, graph materials, and local TSLGraphLoader document.

materials
—
graphs
—
loader
—
inspector
—
calibration
—
preview
—
graph IDs
—
frames
—
timing
NOT RUN
native graphwaiting

Four NodeMaterial families carry stable graph IDs.

loader pathwaiting

TSLGraphLoader applies the local JSON and owns prefixed graph storage.

Inspectoropt-in

The real Inspector is hidden by default; ?inspector=1 activates the official extension.

lifecyclewaiting

Release restores pre-existing graph storage and disposes scene resources.

Sources: official TSL Graph example · Inspector · NodeMaterial · official GLB/HDR, remote editor iframe, exact GUI/pixels, and whole-example fidelity remain separate

LAB / TSL GRAPH NATIVE MATERIALS + LOADER