Javascript 创建稳定（不移动）的对象-three.js

我正在用three.js库构建一个游戏，我想在屏幕上有一个不可移动的小“面板”。我的意思是，用户将能够在3D环境中导航，但面板将始终位于屏幕的前面（好像摄像机的移动不会影响它）

---

下面是一个例子你不必跟着摄像机到处走。只需将面板对象作为子对象添加到相机，它就会完美地粘住。（不过，您必须将其相对于摄影机放置一次。）

---

camera.add（panel）

为什么不将其设置为canvas元素内的普通旧HTML元素？我想在面板中有可单击的网格？你的意思是在html元素中有另一个画布元素吗？我认为你可以在当前画布前面有另一个画布，并在那里呈现你想要的任何东西。你的例子使用了（帆布雷达）是的，好的，我考虑过了。这是个好主意。我只是想知道我是否可以将面板放在我拥有的画布中，以解决性能问题。因为这个项目相当大，有很多3d对象功能等等。你知道额外的画布元素会对性能等产生多大的影响吗？谢谢你也看到了。