← Back to demosHomePrevious demo
THREE.JS / FOUNDATIONS / SOURCE PROMOTION

Shadow maps with TSL material nodes.

The route keeps the official WebGL node-rendering seam visible: WebGLRenderer + WebGLNodesHandler, Phong node materials, procedural mask/color nodes, and animated shadow lights.

Initializing

Preparing the node shadow scene…

Backend
—
Node handler
—
Shadow maps
—
Casters / receivers
—
Sample avg / p95
WAITING
Builds
—
Source-shaped controls
Ownership boundary

WebGLNodesHandler owns TSL compilation; node materials preserve the source-shaped mask and ground color graph.

This is a bounded local shadow-map adaptation. Official page presentation, exact torus-knot/pillar composition, GUI/Stats/pixel fidelity, broader backend/device/performance/context-loss coverage, and whole-example fidelity remain separate.

Initialization issue

Derived from the official TSL Shadow Map example at the pinned source commit.