THREE.JS / MULTIPLE SCENES
Scene comparison.
The pinned gallery source renders two scenes through one camera and one WebGL canvas: a shaded icosahedron on the left, a shared-geometry wireframe on the right, and a draggable scissor divider.
INITIALIZINGWEBGL2
Creating two scenes over one scissor-enabled renderer.
- scenes
- —
- shared geometry
- —
- triangles
- —
- divider
- —
- scissor
- —
- sample avg / p95
- —
The official source uses a shared IcosahedronGeometry(1, 3), cloned HemisphereLights, one PerspectiveCamera, OrbitControls on the container, two scene backgrounds, a draggable divider, and two scissor renders per frame. Stats, exact page presentation/pixels, device/backend breadth, generalized performance, context-loss/leak stress, and whole-example fidelity remain separate.
Source: pinned official multiple-scenes example · WebGLRenderer · OrbitControls