Parallax 3D

Head-tracked 3D — MediaPipe FaceMesh drives depth-based viewers

Camera idle

Viewer & Content

Renderer

Viewer

Content

Head sensitivity

Depth (Z) scale

Parallax strength

Smoothing

Depth strength

Invert depth

Show depth map

Invert X

Invert Y

Load .glb

Pick a renderer and content. The face-tracking parameters below are shared by every viewer.

Tracking Parameters

Shared

focalLength

sensorWidth

ipd

diagonalFov

requestedWidth

requestedHeight

_fps

Camera

Resolution / FPS / camera changed — press Restart Camera to reopen the webcam with the new values.

focalLength, sensorWidth, ipd, diagonalFov apply live while the camera is tracking — no button needed. Restart Camera is only for resolution / FPS / camera device, which must reopen the webcam. Settings are saved in your browser.

Camera Preview & Face Landmarks

FaceMesh

Press Start to launch the camera

Results will appear here.

3D Scene — three.js

head-coupled