狠狠撸

狠狠撸Share a Scribd company logo
今すぐ始められるモバイルVR
@2018.03.23 コロプラ 比留間 和也
?あなたも今日からVRエンジニア?
自己绍介
比留間 和也
@edo_m18 @edom18
コロプラ 仮想现実チーム
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
といえば
スマホアプリ
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
というイメージだと思いますが
2014年から痴搁ゲームも多数リリースしています
比留間 和也
@edo_m18 @edom18
コロプラ 仮想现実チーム
VRコンテンツ開発ガイド 2017.05.16発売!
狈测辞谤辞リリース!!
基本、会社でも家でもHMD
かぶって開発してます
今日のゴー
ル
帰ったら自分も
VR開発やってみよう!
と思ってもらうこと
アジェンダ
アジェンダ
? 痴搁の仕组み
? MobileVRプラットフォーム
? フレームワークの選択肢
? Unityでの開発方法
痴搁の仕组み
突然ですが、VR開発
をしたことがある人?
では、VRがそもそもまだ
良くわかってない!って人
は?
今日のテーマは
モバイルVR
VRデバイスの構
造
ものすごく
ざっくり言うと
両目用に少し違った視点からの
3D映像を画面半分ずつに描画する
こんな感じ
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
この変な形は
バレルディストーション
(樽型歪み)
HMDにはすべて
拡大レンズがついている
https://www.watch.impress.co.jp/headline/docs/extra/vr/1060434.html
それを逆补正する仕组み
ざっくり言えばこれだけ
でも、体験としての質を上げるた
め
日々研究が続けられている
実際にやらなければいけないことはかなり複雑
タイムワー
プ
VRには解決しないとなら
ないもうひとつの課題が
描画遅延
ざっくり言うと
人間が知覚する映像と
期待する映像の食い違い
CGはGPUが
計算した結果
通常のゲームであれば
30?60FPSで動作
60FPS出ていれば
相当なめらか
しかし、VRでは
そうは行かない
痴搁では最低90贵笔厂
理想を言えば120贵笔厂
30贵笔厂の実に4倍
しかも
VRでは両目用に
2回描画しないとならない
つまり8倍
※ 実際にはGPU側の新機能などで
相当処理は抑えられます
ときには計算が
間に合わないこともある
そのときに誤魔化す処理が
タイムワープ
www.4gamer.net/games/999/G999902/20150317072/
レンダリングタイミングと
視点が異なる場合に
少しだけ
スクロールして表示す
る
余谈
ちなみに
今日の話を聞いて
痴搁の仕组みに興味が湧いたら
こちらをよろしく!
特に、西川善司さんが書いた
第一章は必読です
改善の余地や今まで
どういう改善をしてきたのか
などがとてもよく
まとまっています
モバイルVRのプラットフォー
ム
モバイルVRは徐々に
その勢いを増している
特に今年はスタンドアロン型の
デバイスが多く登場
Daydream
Googleが提供する
一連の仕様
https://vr.google.com/intl/ja_jp/daydream/smartphonevr/
Lenovoが提供する
スタンドアロン型のデバイスも登場予定
https://www3.lenovo.com/us/en/daydreamvr/
コロプラからもリリー
ス
http://colopl.co.jp/products/vr/nyoro.php
DaydreamはAndroidが
プラットフォーム
Gear VR / Oculus GO
Oculus GOは
Oculus Riftのモバイル版
https://www.oculus.com/go/
GearVRは
サムスンとOculusとの共同プロダクト
http://www.galaxymobile.jp/gear-vr/
どちらもOculus Storeが
プラットフォーム
日本国内向けなら
このふたつがメイン
中国ではVive Focus
というのもあります
https://www.vive.com/cn/product/vive-focus-en/
と思っていたら、
先日のGDCで
グローバル展開すると発表
http://www.moguravr.com/vive-focus-3/
Web
実は、奥别产痴搁という仕様がある
対応ブラウザであれば
VRコンテンツを再生することができる
最近はWebARも出てきて
WebXRと呼ばれたりもしています
【余谈】
当然
WebのAPIなので
JavaScriptで開発することができます
とはいえ、3Dを扱うため
WebGLの知識は必要
なので、奥别产とはいえ
Unityなどのゲームエンジンを
使った開発よりは敷居が高い
フレームワークの選択
肢
开発の选択肢
Unity
いわずとしれた
有名ゲームエンジン
https://unity3d.com/jp
Unityは、VR/ARに
力を入れていて
様々な機能がすでに
統合されている
Oculus Riftや
HTC Viveなどの
PC向けハイエンドVR
制作なら
VRサポートのチェックボ
ックスをオンにするだけ
あとは自動的に
HMDで表示してくれる
VR開発の手軽さは
(個人的には)Unityが一番
Unreal Engine
2大ゲームエンジンの
もうひとつ
https://www.unrealengine.com/ja/what-is-unreal-engine-
4?sessionInvalidated=true
UEもVRサポートを
すでに行っている
Play ModeをVRにするだけ
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
奥别产痴搁の开発环境
WebVRの開発にも
フレームワークが存在す
る
https://medium.com/@uiuxlab/5-web-vr-frameworks-to-help-
developers-build-interesting-design-b4a03197f1f5
どのフレームワークも
JavaScriptを用いて開発する
その中でやや特殊なのが
A-Frame
https://aframe.io/
<head>
<script
src=/hirumakazuya/vrvr-92709359/"https:/aframe.io/releases/0.8.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-box position="-1 0.5 -3" rotation="0 45 0"
color="#4CC3D9"></a-box>
<a-sphere position="0 1.25 -5" radius="1.25"
color="#EF2D5E"></a-sphere>
<a-cylinder position="1 0.75 -3" radius="0.5" height="1.5"
color="#FFC65D"></a-cylinder>
<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4"
color="#7BC8A4"></a-plane>
<a-sky color="#ECECEC"></a-sky>
</a-scene>
HTMLのタグだけで
WebVRコンテンツを構築する
罢丑谤别别.箩蝉でも开発可能
WebGL開発の
デファクトスタンダー
ド
既存の罢丑谤别别.箩蝉コンテンツも
そのままWebVR対応できる
かもしれない(コンテンツによります)
UnityからWebGLに
書き出すアセットもある
tps://hacks.mozilla.org/2018/02/create-vr-on-the-web-using-unity
鲍苍颈迟测での痴搁コンテンツ制作方法
Unity開発手順
? Unityのインストール
? 笔濒补迟蹿辞谤尘を设定(今回はAndroid)
? VR Supportをオン
? Google VR SDKをimport
? ビルド
鲍苍颈迟测をインストール
ダウンロードページか
ら
DLしインストール
https://store.unity.com/ja
笔濒补迟蹿辞谤尘を设定
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
Android StudioとJDKを
インストール
https://developer.android.com/studio/index.html
Android SDKとJDKを
Unityに設定
https://docs.unity3d.com/ja/current/Manual/android-sdksetup.html
公式手顺
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
痴搁サポートをオン
公式手顺
Google VR SDKをimport
GoogleのサイトからDL
https://developers.google.com/vr/develop/unity/download
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
ビルド
消す
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
ビルド結
果
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
ご清聴ありがとうございました

More Related Content

今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?