MANUAL STUDY / HTML LABELS
Make the DOM follow the scene.
Project HTML into CSS pixels, hide labels behind geometry, sort them by depth, and place globe labels from latitude and longitude.
Preparing label projection—
Creating a canvas and a DOM label layer with a shared camera…
- mode
- —
- labels
- —
- visible
- —
- projection
- —
- draw calls
- —
- render policy
- —
ndc → top-origin CSSDOM z-index follows depth
Manual label study failed.The renderer could not initialize.
Globe mode uses the manual’s area threshold and camera-facing dot product. Cube modes demonstrate the simpler projection, raycast hiding, and CSS stacking variants.
THREE.JS FOUNDATIONS / DOM + WEBGL