← Lab index
THREE.JS / CSS3D SANDBOX

DOM transforms, mirrored in geometry.

A source-backed mixed-renderer contract: the same deterministic transforms drive CSS3D DOM panels and WebGL wireframe planes, with perspective/view-offset camera controls and resize ownership shared across both renderers.

This route claims the installed WebGLRenderer/CSS3DRenderer paired-scene contract, deterministic nonuniform transforms, opacity cases, TrackballControls, perspective view offsets, resize, sampling, reset, and teardown only. The official randomized transforms, lil-gui presentation, exact camera composition, device coverage, and whole-example fidelity remain separate.

Sources: official CSS3D sandbox example · CSS3DRenderer · TrackballControls