Three.js--屏幕上出现文字叠加层

Question

我想创建一些机制，在某些时候（例如点击鼠标按钮时）在我的3D场景上提供文本覆盖。

我正在查看github上的教程并注意THREE.TextGeometry类之类的内容。使用它我可以在场景中放置3D文本，但它可能比我需要的多一点 - 我真正想要的是一种将一些文字放在黑色背景上的方法，将它叠加在场景中，然后在完成后移开它。有没有人知道在three.js做这个的好方法？ （如果THREE.TextGeometry类是一个很好的方法，那很好，我只是不确定如何进行覆盖位。）

Answer 1

使用HTML。它非常简单和强大，特别是如果你只需要一个叠加层。使用CSS，您还可以实现半透明背景等功能。如果你想让它“混合”到场景，即有透视等，你可以使用THREE.CSS3DRenderer根据你提供的相机变换div。