A 3D display with nothing but a webcam.

The webcam finds your face, the page moves its vanishing point with you, and a flat screen reads as a window. Everything runs in your tab. The camera never starts until you press the button, and no frame ever leaves your device.

Zero install

One script and a hidden video element. MediaPipe FaceMesh runs in the browser, the pose is three numbers, and any canvas, three.js scene or CSS transform can read them.

Seven canvas scenes

A neon corridor, a prism chamber, a drifting star field, a checker room, a helix, floating rings and aurora waves — each a Canvas 2D scene whose depth planes shift with your head.

A three.js room

The off-axis cube uses a real asymmetric frustum: the screen plane is fixed in world units and the camera is your eye, so objects behind the glass hold still while the parallax comes from you.

HUD parallax

The same three numbers move ordinary DOM panels at three depths through a CSS transform. No canvas, no library — the idea behind the Studio HUD, at its smallest.