在Three.js中是否可以使用透明的视频背景？

Question

我有一个绿屏HTML5视频，并希望使用Three.js在具有视频纹理的平面上显示它。

我尝试使用两种不同的视频纹理（视频和alpha通道），但是它们在时间上并没有完美同步，并且根据我的阅读，很难同步两个HTML5视频。

我认为使用.webm视频是可行的方法，但我无法设法使Three.js的alpha通道正常工作。 有可能还是有另一种方法呢？谢谢！

var material = new THREE.MeshBasicMaterial( { map: videoTexture, transparent: true } );

Answer 1

您必须指定格式才能具有透明度：

texture.format = THREE.RGBAFormat;

谢谢大家