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

Question

我正在使用Three.js库构建游戏，并且希望屏幕上有一个固定的小“面板”。 我的意思是，用户将可以在3D环境中导航，但是面板将始终位于屏幕的正上方（就像摄像机的移动不影响它一样）。

这是一个示例 http://icecreamyou.github.io/Nemesis/game.html <-这个示例正是我想要的，屏幕左下方是一个固定的面板。

虽然，我希望此面板内部具有可单击的对象，例如，我将单击网格并调用一个函数。 在示例中，家伙使用div元素。

如何实现呢？ 我检查了Sprite对象，但据我了解它还不能单击。 到现在为止，我一直在创建可单击的网格，将它们放置在所需的位置，并在摄像机移动时将它们一起移动，但是由于摄像机移动的复杂性，这还不够好。

编辑哦，我没有告诉您的另一件事是，我希望此面板不影响后面的内容。 我的意思是我希望它是透明的。 仅显示那里的网格。 我不希望面板在其后面隐藏任何内容。

Answer 1

您无需跟随相机。 只需将面板对象作为子对象添加到相机，它将完美粘住。 （不过，您必须将其相对于相机放置一次。）camera.add（panel）