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.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
git clone https://github.com/Sean-Bradley/Three.js-TypeScript-Boilerplate.git

cd Three.js-TypeScript-Boilerplate

git checkout webcam 

npm install

npm install -g typescript

npm run dev