LoginSignup
8
5

More than 5 years have passed since last update.

React VRやってみた

Last updated at Posted at 2017-04-26

React VRってなに?

Oculusが開発したWebVR向けライブラリで、
類似するライブラリとしてはA-FrameやSolufaがあるという認識。
正式公開された模様なので触ってみる。

スクリーンショット 2017-04-26 11.43.45.png

おおまかな手順

1.nodeJSインストール
2.ReactVRインストール
3.プロジェクト作成
4.起動して確認

うん、簡単そうだ。

やってみる

1.nodeJSインストール

既に入ってたので省略。(Mac: https://brew.sh/ Win: https://nodejs.org/en/download/)

2.ReactVRインストール

npm install -g react-vr-cli

3.プロジェクト作成

react-vr init WelcomeToVR

4.起動して確認

cd WelcomeToVR
npm start

確認URL: http://localhost:8081/vr/index.html
thKhG99uOe.gif

コメント

おおー、すごい気合入ってるサンプルだなーと思ったら全天球画像と平べったい板の組み合わせだったw
スクリーンショット 2017-04-26 12.14.40.png
スクリーンショット 2017-04-26 12.16.19.png
タグをJavaScriptに内包してる分、DOMの負担が少なくてA-Frameよりは軽いのかしら?

外部モデリングデータの対応が今のところobjだけのようで、
A-Frameの用にdaeとか、a-mmd使った.pmxファイルの読み込みとかができない分
カジュアルに"やってみた"系のコンテンツを作るにはまだ向いてないような気はした(´・Д・)」
※fbxが一番扱いたいんですががが

8
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
5