javascript - 有没有办法在 Three.js 中有透明的视频背景？

Question

我有一个绿屏 HTML5 视频，想使用 Three.js 将其显示在带有视频纹理的平面上。

我尝试使用两种不同的视频纹理(视频和 alpha channel )，但它们在时间上没有完全同步，而且根据我的阅读，同步两个 HTML5 视频非常困难。

我认为使用 .webm 视频是可行的方法，但我无法使 Alpha channel 与 Three.js 一起使用。有可能还是有其他方法可以做到？谢谢!

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

Answer 1

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

texture.format = THREE.RGBAFormat;

谢谢大家