在three.js中显示HTML div

Question

我正在尝试在多维数据集的两侧显示HTML内容。整个项目适用于Oculus Rift DK2（使用three.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可帮助您实现目标。