在aframe中改变了

时间:2017-07-04 12:48:03

标签: javascript aframe

嗨,我是新手,试图在屏幕上创建按钮(如全屏VR模式)以模仿wasd控件。

我尝试了这个 Link的信息,它给了我一些关于此的提示,但没有解决我的问题。

如果你们有任何想法,请告诉我。

我也尝试播放他们没有帮助的键盘事件。

这是我试过的相机代码,但没有发生任何事                  <a-camera id="myCamera" universal-controls="movementControls: custom, touch;"> <a-cursor id="myCursor" color="blue"></a-cursor> </a-camera>

-Thanks

1 个答案:

答案 0 :(得分:0)

如果您想在单击按钮时移动相机,只需在组件中创建一个监听器:

AFRAME.registerComponent('click-handler',{
init:function(){
   let cam = document.querySelector('[camera]');
   this.el.addEventListener('click',function(e){
         let pos = cam.getAttribute('position');
         pos.z++;
         cam.setAttribute('position',pos);
   });
 });

单击时向前移动相机。 如果你想像在wasd控件中那样平滑,使用&#39;摩擦&#39;以及某种速度,你需要在tick()中进行,你可以将你的速度定义为{{ 1}},并在点击按钮后进行操作。您可以在按住按钮的同时增加acc,这样动作会更加平滑。

<小时/> 当您使用vive /其他控制器移动时,我发现通用控件很有用,而不是通过查看某些实体。