Live · browser · webcam

parallax

Head-tracked 3D in the browser. Your webcam follows your head and the screen becomes a window into a 3D scene: lean left, lean in, and the perspective shifts to match. Objects in front of the screen plane look like they’re floating out of the monitor.

Try it View on GitHub

A wireframe grid tunnel receding into black, with a large red crosshair target appearing to float out in front of the screen and a small yellow target deeper in. — The scene is a grid tunnel with floating targets. As your head moves, the red target reads as floating out of the screen toward you.

Why it exists

It’s Johnny Lee’s classic Wii head-tracking demo, rebuilt with nothing but a webcam and a browser tab. No headset, no hardware. The illusion of depth on a flat screen is startling once your head is the one driving the camera.

How it works

A face-landmark model reads your eye positions from the webcam: the midpoint gives your head’s left/right and up/down, and the spacing between your eyes estimates how close you are.

That head position drives an off-axis projection. The screen is treated as a fixed window in 3D space, and the view frustum is rebuilt every frame to match where your eye is. That’s what makes depth read as true parallax instead of a flat layer sliding around.

It’s a single self-contained HTML file. No camera? It falls back to mouse control. Press F for fullscreen, where it looks best, with the monitor bezel acting as the window frame.

Open the demo