WEBGPU BACKENDinitializing
WEBGL2 BACKENDinitializing

THREE.JS / FOUNDATIONS 169

Read the element.

One storage graph writes four typed lanes, then the material fetches individual elements by index. The same contract runs through the WebGPU backend and the WebGL2 fallback.

Initializing bridge0 / 2 ready

Creating paired backend views…

external element

Same values, two backends.

Four buffers hold float, vec2, vec3, and vec4 elements. The bars are colored by indexed storage reads, not CPU-generated pixels.

backendWebGPU
compute passes—
draw calls—
readbacks0
sample—
backendWebGL2
compute passes—
draw calls—
readbacks0
sample—
01typed storage attribute
02indexed element lookup
03PBO + backend render

Each row is a storage lane · the two panes follow the pinned official WebGPU/WebGL backend comparison.

Pinned official storage-buffer source

LAB 169 / STORAGE BUFFER ELEMENTS