THREE.JS / FOUNDATIONS 295

One rig. Thirty lives.

The source rig keeps one AnimationMixer while its skinned meshes expose an instance matrix, TSL-driven per-instance material variation, and a depth-directed blur pipeline.

Initializing -

Preparing the instanced animated glTF.

Meshes: -
Instances: -
Clips: -
Pipeline: -

Shared animationMichelle.glb

Clip mixer speed 1.00 Pause mixer

Instance fieldmatrix + node range

Grid spread 1.00 Depth-directed Gaussian blur

Verificationinstances + lifecycle

Waiting for the instance field.

glTF loader→instanceMatrix→node range→blur pipeline

load Michelle.glb -> animate one rig -> draw thirty instances -> blur by depth

Drag to orbit · scroll to dolly · use ?backend=webgl for the direct WebGL2 reference.

This is a selected source-shaped instanced-skinning study; the pinned source uses a different camera grid and presentation, so whole-example fidelity remains separate.

Next: skinning points ->

LAB 295 / SKINNING INSTANCING