Three.js 有没有办法让视频背景透明?

Mat*_*rer 4 html javascript three.js

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

我尝试使用两个不同的视频纹理(视频和 Alpha 通道),但它们在时间上并不完全同步,并且根据我读到的内容,同步两个 HTML5 视频非常困难。

我认为使用 .webm 视频是可行的方法,但我无法让 alpha 通道与 Three.js 一起使用。有可能还是有其他方法可以做到这一点?谢谢 !

var material = new THREE.MeshBasicMaterial( { map: videoTexture, transparent: true } );
Run Code Online (Sandbox Code Playgroud)

Mat*_*rer 5

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

texture.format = THREE.RGBAFormat;
Run Code Online (Sandbox Code Playgroud)

感谢大家