虽然用C++好像是主流,但是用JavaScirpt也是可行的——使用Node.js或者类似的语言来读取传感器的数据搭建服务,再用Web3d游戏引擎来渲染。 在目前看来,使用JavaScript是最好的构建原型的方法——谁让C++是个坑呢! 这篇文章分成三部分: 基础知识:3D世界与四元数 一个Hello,World 应用篇——高级示例 实际上,要用JavaScript来用VR程序是很简单的一件事: 使用Node.js来读取Oculus上的传感器的数据,将这些数据用WebSocket协议来提供一个服务。 寻找一个3D游戏引擎,如Three.js来创建一个3D世界。 读取传感器的值将其表示在3D世界中。 这点也可以用在混合应用上,你只需要有一个CardBoard即可。使用Cordova读取手机传感器的数据,再通过这些数据来改变WebView的状态——除了发热会比较严重,应该没有别的影响。 一、基础知识:3D世界与四元数 在我们所熟知的3D游戏里,点的位置由三个坐标决定的(x,y,z),如下图所示: 这三个坐标只能表示我们在这个世界的位置,而不能上下的看这个世界。 OculusDK2用的是MPU(MotionProcessingUnit)芯片是MPU,是第二个整合性6轴运动处理组件(第一个是MPU)。它可以数字输出6轴或9轴的旋转矩阵、四元数(quaternion)、欧拉角格式(EulerAngleforma)的融合演算数据。 这时候,我们就需要欧拉角以及四元数来表示物体在虚拟世界的状态。(PS:原谅我只能简单地提一下) 欧拉角是一组用于描述刚体姿态的角度,欧拉提出,刚体在三维欧氏空间中的任意朝向可以由绕三个轴的转动复合生成。通常情况下,三个轴是相互正交的。 其对应的三个角度又分别成为roll(横滚角),pitch(俯仰角)和yaw(偏航角)。 二、例子:一个hello,world 让我们在回到一开始说的那三步,我们将需要做三件事: 寻找一个Node的Oculus拓展——不过,这件事现在可以交给WebVR。 寻找一个Web的3D库,及其对应的Oculus展示插件。 读取传感器数据,显示到虚拟世界中。 如下图所示: 于是找至了对应的Node库有:Node-HMD,它可以读取传感器的数据。 还有Three.js和OculusEffect插件,可以显示出下面的视图: 这样,我们DK2Control读取传感器的数据,就可以到这个虚拟世界玩了~~。 更详细的介绍可以见:北京哪个医院看白癜风最好白癜风如何治疗
|