← Back to demosHomePrevious demo
THREE.JS / FOUNDATIONS

Split the view.

StereoEffect renders one scene twice through a StereoCamera: left and right eye projections occupy separate framebuffer halves with independent scissor viewports.

Initializing

Creating the two-eye WebGL presentation.

Backend
-
Eye separation
-
Viewports
-
Objects
-
Sample
-
StereoEffect boundary

WebGLRenderer → StereoEffect.setEyeSeparation → left/right scissor viewports → renderer state restore

This lab proves the selected stereo effect contract only. The official 500-sphere environment scene, exact mouse motion, pixel presentation, headset optics, device performance, WebGPU StereoPassNode, and whole-example fidelity remain separate.