在 Three.js 中显示 HTML div

Question

我正在尝试在立方体的侧面显示 HTML 内容。整个项目适用于 Oculus Rift DK2（使用 Three.js）。

到目前为止，我的工作方式是截取屏幕截图，然后将该图像加载到纹理加载器上。是否可以直接在立方体的侧面显示 HTML 内容？

Answer 1

您可以使用 aTHREE.CSS3DObject来执行此操作。正如MrDoob本人在这里解释的那样：

基本上CSS3DObject扩展Object3D并添加了元素属性。

Three.js 示例页面上有几个 CSS3D 示例。

其中之一是这个 YouTube 示例，它将 YouTube 电影加载到几何图形上的 iFrame 中，并展示了该对象的巨大可能性。

这里有一个很好的教程的链接，它将帮助您实现您的目标。