12b How to show video on cube three.js
Learn how to show a video on all sides of a cube in three.js.
Learn how to use videoTexture to texture the sides of a cube with video images.
Timestamps:
00:00 Intro/demo
00:18 How to add video HTML element in three.js
01:14 How to create videoTexture three.js
01:46 How to add videoTexture to material three.js
02:11 How to create geometry to display video three.js
03:08 How to update videoTexture in animate loop three.js
03:23 How to add key controls to control video playback three.js
Resources:
HTML video element:
https://developer.mozilla.org/en-US/d...
videoTexture documentation:
https://threejs.org/docs/#api/en/text...
texture constants documentation:
https://threejs.org/docs/#api/en/cons...
What are min and mag filters?
https://gdbooks.gitbooks.io/legacyope...
webGl video demo:
https://threejs.org/examples/webgl_ma...
