Three.js：将 HTML 页面/DOM 元素渲染到立方体的表面？

Question

我正在尝试调整 Three.js 包提供的示例文件 canvas_geometry_cube.html，并更改立方体的每个面以显示 HTML 页面/DOM 元素（最好是 DOM 元素）。我查看了 ParticleDOMMaterial，但我不知道如何使用它或它的作用。有人能帮忙吗？

Answer 1

DOMRenderer 不是一个完整的 3D 渲染器，它只能应用 z 索引和缩放，因此通过 DOMRenderer 旋转立方体是不可能的。

您可以使用html2canvas并将其应用为立方体上的位图纹理。我还没有真正使用过 html2canvas，但是演示非常令人印象深刻。你的旅费可能会改变。

也许更适合您的项目的是 CSS3 3D 转换。有一个名为 traqball 的库可以帮助解决此类问题，https://github.com/dirkweber/traqball.js。