Three Projection Mapper

Real Time Projection Mapping in the Browser

3D Scene

3D Threejs scene, render target + warp calibration in one window.

Shader

Warp a GLSL shader + warp calibration in one window.

p5 Canvas Texture

p5.js as Three Canvas Texture + warp calibration in one window.

Multi Window Setup

Open the controller first, then press O to launch the projector output window. Uses BroadcastChannel to sync warp state between windows.