我正在建立一个带有three.js图书馆的游戏,我希望有一个小型的面板"在屏幕上将是不可移动的。我的意思是用户将能够在3D环境中导航,但面板将始终位于其屏幕的前方(就好像相机移动不会影响它)。
这是示例 http://icecreamyou.github.io/Nemesis/game.html< - 此示例正是我想要的,屏幕左下方是一个不移动的面板。
虽然,我希望这个面板里面有可点击的对象,例如网格,我将点击并调用一个函数。在该示例中,该人使用div元素。
如何实现这个?我检查了Sprite对象,但据我所知,它无法点击。直到现在,我曾经创建过可点击的网格,将它们放在我想要的地方并在相机移动时移动它们,但由于相机移动的复杂性,这还不够好。
编辑哦,我没有告诉你的另一件事是我希望这个小组不会影响后面的内容。我的意思是我希望它是透明的。只显示那里的网格。我不希望面板隐藏任何背后的东西。
答案 0 :(得分:0)
你不必跟着相机。只需将面板对象作为子对象添加到相机中,它就会完美贴合。 (不过,你必须相对于相机定位一次。) camera.add(面板)