← Catalogue
103D-to-2D Label Projection

3D-to-2D Label Projection

HTML labels (DOM elements) follow 3D objects in real-time. Each frame, we call vector.project(camera) to convert world coordinates into normalized device coordinates, then map to screen pixels. Best of both: crisp text + 3D depth.

Vector3.project Hybrid Rendering DOM + WebGL
Red Sphere
Material: Lambertian
Blue Cube
Geometry: Box
Green Torus
Topology: Genus-1
Purple Knot
Parametric Curve
Pink Cone
Apex Point
Gold Octahedron
8 Triangular Faces