我正在用3 .js库构建一个游戏,我想在屏幕上有一个小的"面板",将是不可移动的。我的意思是,用户将能够在3D环境中导航,但面板将始终位于屏幕的前部(就好像摄像机的移动不会影响它一样)。
这是一个的例子 http://icecreamyou.github.io/Nemesis/game.html <-这个例子有我想要的,一个不移动的面板在屏幕的左下方。
虽然,我希望这个面板里面有可点击的对象,例如网格,我将点击并调用一个函数。在这个例子中,这个家伙使用了一个div元素。
如何实现?我检查了Sprite对象,但据我所知,它还不能点击。到目前为止,我习惯于创建可点击的网格,把它们放在我想要的地方,并在相机移动时移动它们,但这还不够好,因为相机移动的复杂性。
EDIT哦,我没有告诉你的另一件事是,我希望这个面板不影响后面的内容。我的意思是我希望它是透明的。只有在那里的网格将被显示。我不希望面板后面隐藏任何东西。
你不必跟着相机到处走。只要将面板对象作为子对象添加到相机中,它就会完美地粘在一起。(不过,你必须将它相对于相机定位一次。)camera.add(面板)