THREE.JS / FOUNDATIONS / SOURCE PROMOTION

Clipping in the scene graph.

The source-shaped route nests a global ClippingGroup around a local intersecting group, so clipping ownership follows the object hierarchy instead of a renderer-global switch.

Initializing

Preparing the clipping graph…

Backend: —
Graph: —
Groups: —
Planes: —
Sample: WAITING

Source-shaped controls Global group enabled Knot group enabled Clip shadows Intersection mode Alpha to coverage Global plane Local plane Animate knot

Ownership boundary

ClippingGroup owns native clipping; Inspector is opt-in via ?inspector=1.

Pinned three@0.185.1 does not export the official SunLight family, so this route uses an explicit SpotLight/AmbientLight lighting substitute while preserving the clipping contract. The separate stencil example, official assets, exact pixels, broad matrices, and whole-example fidelity remain separate.

Derived from the official WebGPU Clipping Planes example and its pinned ClippingGroup graph. Use ?backend=webgl for the explicitly labeled direct material-clipping reference lane.