three.js - Three.js——让文本覆盖出现在屏幕上

Question

我想创建一些机制，在特定时间（例如单击鼠标按钮时）在我的 3D 场景顶部提供文本覆盖。

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

Answer 1

使用 HTML。它超级简单且功能强大，特别是如果您只需要叠加层。使用 CSS，您还可以实现半透明背景之类的东西。如果您想让它“混合”到场景中，即具有透视等，您可以使用THREE.CSS3DRenderer它将根据您提供的相机转换 div。