在 three.js 中显示 HTML div

Question

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

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

Answer 1

您可以使用THREE.CSS3DObject 来执行此操作。正如MrDoob自己解释的here：

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

有几个 CSS3D 示例here on the three.js examles page。

其中一个是this YouTube example that loads youtube movies in iFrames on a geometry，显示了这个对象的巨大可能性。

Here a link to a nice tutorial 将帮助您实现目标。