创建稳定(不移动)的对象 - three.js

时间:2014-05-19 15:14:21

标签: javascript three.js webgl panel clickable

我正在建立一个带有three.js图书馆的游戏,我希望有一个小型的面板"在屏幕上将是不可移动的。我的意思是用户将能够在3D环境中导航,但面板将始终位于其屏幕的前方(就好像相机移动不会影响它)。

这是示例 http://icecreamyou.github.io/Nemesis/game.html< - 此示例正是我想要的,屏幕左下方是一个不移动的面板。

虽然,我希望这个面板里面有可点击的对象,例如网格,我将点击并调用一个函数。在该示例中,该人使用div元素。

如何实现这个?我检查了Sprite对象,但据我所知,它无法点击。直到现在,我曾经创建过可点击的网格,将它们放在我想要的地方并在相机移动时移动它们,但由于相机移动的复杂性,这还不够好。

编辑哦,我没有告诉你的另一件事是我希望这个小组不会影响后面的内容。我的意思是我希望它是透明的。只显示那里的网格。我不希望面板隐藏任何背后的东西。

1 个答案:

答案 0 :(得分:0)

你不必跟着相机。只需将面板对象作为子对象添加到相机中,它就会完美贴合。 (不过,你必须相对于相机定位一次。)     camera.add(面板)