如何在 Three.js 中使用视频元素或 html 内容作为面部纹理？

Question

我希望在 Three.js 中使用视频纹理作为脸部。我知道如果您有视频数据，这很容易做到。但是，如果我只有正在播放的元素，我该怎么办？

例如：我如何播放 YouTube 视频并将视频或播放器复制到 Three.js 中的脸上？

Answer 1

有一个集成 Three.js 和 YouTube 视频的示例：

http://trijs.org/examples/css3d_youtube.html#cats

以及包含一般 HTML 元素（使用 CSS3D）的示例，位于

http://learningthirdjs.com/blog/2013/04/30/looking-the-gap- Between
-html-and-webgl/ 和http://stemkoski.github.io/Three.js/CSS3D.html

希望这可以帮助！