WebCam Mesh



This demo connects HTML5 WebCam input to a WebGL 3D Mesh. It creates a 3D depth map by mapping pixel brightness to Z-depth. Perlin noise is used for the ripple effect and CSS3 filters are used for color effects.

Use mouse move to tilt and scroll wheel to zoom.
Technology:

LAUNCH EXPERIMENT


Author:
Felix Turnerhttp://airtight.ccLos Angeles

From the Author:

This demo connects HTML5 WebCam input to a WebGL 3D Mesh. It creates a 3D depth map by mapping pixel brightness to Z-depth. Perlin noise is used for the ripple effect and CSS3 filters are used for color effects.

Use mouse move to tilt and scroll wheel to zoom.
Technology:

JavaScript & WebGL Three.js getUserMedia() Dat.gui Perlin noise
Tags:

Webcam Input WebGL




To play game please click link above or



Comments