3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

AWSのEC2で簡単なWebVRを作る

Last updated at Posted at 2017-09-08

#AWSのEC2で簡単なWebVRを作る
##EC2でWebVRを作ってみました
AWSのEC2と↓のサンプルコードを使用してWebVRが作れます。
[Chrome Experiments for Virtual Reality]
https://vr.chromeexperiments.com/
(VRを体験するには別途Cardboardが必要です)

1. AWSのEC2インスタンスを作成

他のページを参考にしてくださいm(_ _)m
↓が参考になります
[AWS EC2でWebサーバーを構築してみる]
http://qiita.com/Arashi/items/629aaed33401b8f2265c

2. EC2インスタンス内にApacheをインストール

Apacheのインストール
sudo yum install httpd

3. サンプルコードをダウンロード

wgetが入っていなければ、yumでwgetをインストール

↓のサンプルをwgetで落としてきます。
https://vr.chromeexperiments.com/

sudo wget http://vr.chromeexperiments.com/cardboard.zip

cardboard.zipを解凍
解凍した中身を/var/www/html/以下へ
※要DocumentRootチェック

4. EC2の設定

EC2インスタンスのEBSボリュームの設定で80番ポート(HTTP)を開けます。

5. Apacheの起動

apacheを起動します。

sudo service httpd start

6. スマートフォンのブラウザからページを開く

EC2インスタンスのパブリックIPを確認して、スマートフォンのChromeからアクセスします。

7. 完成!

スマートフォンにCardboardを装着して楽しんでください!

8. もっと楽しみたい!

↓にthree.jsのモデルのサンプルコードがあるので、組み込んでみても良いかもしれません。(未検証)
[three.js]
https://threejs.org/

3
1
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
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?