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

Question

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

score 3 · Accepted Answer

从 Three.js 中的一些最近的改进中更新这个老问题并为未来的读者

Three.js 现在实际上支持 CSS3D作为渲染输出，因此您可以使用 CSS 3D 转换来操作 HTML 页面/DOM 元素。

score 1 · Accepted Answer

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

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

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

2 回答 2