I'm trying to map a video texture onto a geometry in three.js using a video texture, but it only works when I set wireframe to true on my material (I see the video playing on the mesh, but with wireframes). As soon as I turn it to false, I see nothing (just a black canvas). I'm trying to figure out why that would be, any ideas?
My video is an html tag:
<video id="videoV">
<source src="shot13.mp4" type="video/mp4">
</video>
This is my javascript:
var renderer = new THREE.WebGLRenderer();
video = document.getElementById( 'videoV' );
texture = new THREE.VideoTexture( video );
var material = new THREE.MeshLambertMaterial( {
color: 0xffffff,
map: texture,
**wireframe: true**
} );
geometry = new THREE.BoxGeometry(80, 800, 800);
var plane = new THREE.Mesh( geometry, material);
scene.add(plane);
MeshBasicMaterial, instead. - WestLangley