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

Skinning through the TSL handler.

The route preserves the official seam: WebGLRenderer plus WebGLNodesHandler, GLTFLoader, an animated SkinnedMesh, AnimationMixer, and Timer.

Initializing

Preparing the skinned GLB scene…

Backend
—
Node handler
—
Asset
—
Meshes / bones
—
Clips
—
Sample avg / p95
WAITING
Source-shaped controls
Asset and fidelity boundary

GLTFLoader owns the local Michelle GLB; AnimationMixer advances its authored clips and the skeleton deforms the loaded meshes.

The local asset is /models/retargeting/Michelle.glb, not the official page’s models/gltf/Michelle.glb URL. Exact page/main.css/pixel composition, Stats/GUI presentation, broad backend/device/performance/context-loss matrices, and whole-example fidelity remain separate.

Initialization issue

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