开始

在开始你的第一个VR项目之前,你需要安装依赖的环境:Node.jsReact VR CLI

安装 node.js

如果你已经安装好了node.js,至少需要4.0及其以上的版本

运行示例1

运行示例应用之前,需要通过node.js包管理器安装相关的依赖

  1. 打开命令行终端.

  2. 下载示例,解压文件,进入React VR Preelease preview 文件夹.

  3. 输入命令:

    npm install
  4. 等待npm下载安装完毕

  5. 启动服务, 输入命令:

    npm start
  6. 如果你是在Windows环境下, 需要允许防火墙进行下一步操作.

  7. 服务启动后, 打开浏览器 http://localhost:8081/Samples 就可以展示了.


运行示例2

上面的版本是1.0.7的版本哦,如果你想单独运行一个示例,可以看我的文章有详细的介绍:http://www.jianshu.com/p/1e0e5920f0e9


新建一个项目

我们可以用命令行工具生成一个名叫”WelcomeToVR“项目,会自动生成包括React VR的结构文件、外部的一些依赖文件等

  1. 如果你的 npm 还在终端里面运行, 按下 CTRL+C 先结束.

  2. 进入你想生成项目的文件夹.

  3. 安装React VR CLI 工具. 输入命令:

    npm install -g react-vr-cli
  4. 用 React VR CLI 工具在 WelcomeToVR 文件夹下面新建项目,并安装相关的依赖文件

    react-vr init WelcomeToVR
  5. 进入新建的项目内:

    cd WelcomeToVR
  6. 用命令行打开本地开发服务:

    npm start
  7. 打开浏览器 http://localhost:8081/vr/index.html,可以看到如下的情景.

    vr hello world

hello!

在浏览器里面点击或者拖拽,也可以在手机上查看.

如果你的浏览器支持WebVR,如: the Carmel Developer Preview browser from Oculus, 你需要带上VR眼镜. 更过VR浏览器: VR Browsers .

下一个话题:带你进入代码的世界