Skip to content

Webcam Branch

Description

<>

The Webcam branch demonstrates,

  • using a Webcam video feed as a texture for a THREE.Mesh,
  • using the THREE.ShaderMaterial to adjust the colors to apply a Green Screen option allowing you to select the key color, similarity and smoothness to create the alpha channel in the texture.
  • using the Dat.GUI to modify the THREE.ShaderMaterial properties in real time.

To load the Webcam example, checkout the webcam branch.

git clone https://github.com/Sean-Bradley/Three.js-TypeScript-Boilerplate.git

cd Three.js-TypeScript-Boilerplate

git checkout webcam

npm install

npm run dev