WEBGPU BACKENDstarting
one geometry · one material · one draw
THREE.JS / FOUNDATIONS 170
One mesh. Many worlds.
A single geometry and material become a moving field of objects. Inspect the per-instance matrix stream while both renderer backends share the same draw contract.
Preparing the paired renderers and instance matrices…
WEBGL2 BACKENDstarting
forced fallback · same matrix stream
instanced rendering
Change the field, keep the draw.
The official example updates instanceMatrix for every
frame while the geometry and material remain shared. Instance count
changes the active range, not the draw-call topology.
active instances343
draws / backend—
matrix writes0
geometryshared
materialshared
boundspending
01same geometry + material
02per-instance matrix upload
03dispose the instance mesh
Instanced mesh initialization failed.
The renderer could not start.
Drag either field to orbit · press R to reflow
LAB 170 / INSTANCE MESH MATRIX