本文介绍了如何使用aframe.js构建虚拟现实场景，并结合gamepad API实现游戏手柄摇杆控制摄像机移动。通过这种方式，增强了VR体验的互动性，目前主流浏览器已支持gamepad API的基础功能。实验中，作者创建了一个move-camera组件并应用到摄像机上，通过组件的tick不断检测和响应游戏手柄的数值变化。
如果不使用游戏手柄，那么VR CARDBOARD等虚拟现实设备就像被挑断了经脉，行动不自由。
aframe.js可以非常快速的建构虚拟现实场景，只需要几行代码，一个让人仿若身临其境的新世界就将出现在VR眼镜中。
结合gamepad api，就可以控制场景中的物体进行诸如位移或者其它各种互动操作，这样，虚拟现实才真正和你发生了密切关系。
目前主要浏览器都开始支持gamepad api，虽然仍然在草案阶段，但是其实基本功能都已经实现了。
这里就是我的aframe.js 结合 gamepad api 游戏手柄摇杆移动摄像机实验：
需要注意的地方是aframe.js推荐使用Component的模式来操控各种流程交互，所以这里也是先创建了一个move-camera的组件，然后植入到场景中摄像机上。
还有就是，游戏手柄摇杆的数据获取要放在组件的tick里，因为组件的tick会不断的随着整个场景动画的刷新而重新执行，这样便能扫描到游戏手柄的数值变化了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>aframe.js 结合 gamepad api 游戏手柄摇杆移动摄像机实验</title>
<script src="aframe.min.js"></script>
</head>
<body>
<script>
//摄像机的初始位置
var cameraX=0;
var came
最低0.47元/天 解锁文章
634
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
