← Back to demosHome
THREE.JS / FOUNDATIONS / SOURCE PROMOTION

TSL instancing comparison.

The route keeps the official node-rendering seam visible: WebGL2, WebGLNodesHandler, MeshPhongNodeMaterial, a time/position-world TSL color graph, and the three source-shaped ownership strategies.

Initializing

Preparing the node instancing scene…

Backend
—
Node handler
—
Method
—
Objects / draws
—
Sample avg / p95
WAITING
Builds
—
Source-shaped controls
Ownership boundary

INSTANCED owns one geometry/material and one instance matrix; MERGED owns one merged geometry; NAIVE owns one mesh per copy.

This is a bounded local adaptation. The official Suzanne JSON asset, exact gallery composition, GUI/Stats/pixel fidelity, broad performance/device/backend matrices, and whole-example fidelity remain separate.

Initialization issue

Derived from the official TSL Instancing example at the pinned source commit.