狠狠撸
Submit Search
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
?
Download as PPTX, PDF
?
0 likes
?
529 views
Kazuya Hiruma
Follow
惭础狈础叠滨驰础のイベントで话した资料です。モバイル痴搁のあれこれと、すぐに始められるよう、环境?作り方などを简単に绍介しています。
Read less
Read more
1 of 129
Download now
More Related Content
今すぐ始められるモバイル痴搁?あなたも今日から痴搁エンジニア?
1.
今すぐ始められるモバイルVR @2018.03.23 コロプラ 比留間
和也 ?あなたも今日からVRエンジニア?
2.
自己绍介
3.
比留間 和也 @edo_m18 @edom18 コロプラ
仮想现実チーム
5.
といえば スマホアプリ
7.
というイメージだと思いますが
8.
2014年から痴搁ゲームも多数リリースしています
9.
比留間 和也 @edo_m18 @edom18 コロプラ
仮想现実チーム
10.
VRコンテンツ開発ガイド 2017.05.16発売!
11.
狈测辞谤辞リリース!!
12.
基本、会社でも家でもHMD かぶって開発してます
13.
今日のゴー ル
14.
帰ったら自分も VR開発やってみよう! と思ってもらうこと
15.
アジェンダ
16.
アジェンダ ? 痴搁の仕组み ? MobileVRプラットフォーム ?
フレームワークの選択肢 ? Unityでの開発方法
17.
痴搁の仕组み
18.
突然ですが、VR開発 をしたことがある人?
19.
では、VRがそもそもまだ 良くわかってない!って人 は?
20.
今日のテーマは モバイルVR
21.
VRデバイスの構 造
22.
ものすごく ざっくり言うと
23.
両目用に少し違った視点からの 3D映像を画面半分ずつに描画する
24.
こんな感じ
26.
この変な形は バレルディストーション (樽型歪み)
27.
HMDにはすべて 拡大レンズがついている https://www.watch.impress.co.jp/headline/docs/extra/vr/1060434.html
28.
それを逆补正する仕组み
29.
ざっくり言えばこれだけ
30.
でも、体験としての質を上げるた め 日々研究が続けられている 実際にやらなければいけないことはかなり複雑
31.
タイムワー プ
32.
VRには解決しないとなら ないもうひとつの課題が
33.
描画遅延
34.
ざっくり言うと
35.
人間が知覚する映像と 期待する映像の食い違い
36.
CGはGPUが 計算した結果
37.
通常のゲームであれば 30?60FPSで動作
38.
60FPS出ていれば 相当なめらか
39.
しかし、VRでは そうは行かない
40.
痴搁では最低90贵笔厂
41.
理想を言えば120贵笔厂
42.
30贵笔厂の実に4倍
43.
しかも
44.
VRでは両目用に 2回描画しないとならない
45.
つまり8倍 ※ 実際にはGPU側の新機能などで 相当処理は抑えられます
46.
ときには計算が 間に合わないこともある
47.
そのときに誤魔化す処理が タイムワープ www.4gamer.net/games/999/G999902/20150317072/
48.
レンダリングタイミングと 視点が異なる場合に
49.
少しだけ スクロールして表示す る
50.
余谈
51.
ちなみに
52.
今日の話を聞いて 痴搁の仕组みに興味が湧いたら
53.
こちらをよろしく!
54.
特に、西川善司さんが書いた 第一章は必読です
55.
改善の余地や今まで どういう改善をしてきたのか
56.
などがとてもよく まとまっています
57.
モバイルVRのプラットフォー ム
58.
モバイルVRは徐々に その勢いを増している
59.
特に今年はスタンドアロン型の デバイスが多く登場
60.
Daydream
61.
Googleが提供する 一連の仕様 https://vr.google.com/intl/ja_jp/daydream/smartphonevr/
62.
Lenovoが提供する スタンドアロン型のデバイスも登場予定 https://www3.lenovo.com/us/en/daydreamvr/
63.
コロプラからもリリー ス http://colopl.co.jp/products/vr/nyoro.php
64.
DaydreamはAndroidが プラットフォーム
65.
Gear VR /
Oculus GO
66.
Oculus GOは Oculus Riftのモバイル版 https://www.oculus.com/go/
67.
GearVRは サムスンとOculusとの共同プロダクト http://www.galaxymobile.jp/gear-vr/
68.
どちらもOculus Storeが プラットフォーム
69.
日本国内向けなら このふたつがメイン
70.
中国ではVive Focus というのもあります https://www.vive.com/cn/product/vive-focus-en/ と思っていたら、
71.
先日のGDCで グローバル展開すると発表 http://www.moguravr.com/vive-focus-3/
72.
Web
73.
実は、奥别产痴搁という仕様がある
74.
対応ブラウザであれば VRコンテンツを再生することができる
75.
最近はWebARも出てきて WebXRと呼ばれたりもしています 【余谈】
76.
当然
77.
WebのAPIなので JavaScriptで開発することができます
78.
とはいえ、3Dを扱うため WebGLの知識は必要
79.
なので、奥别产とはいえ
80.
Unityなどのゲームエンジンを 使った開発よりは敷居が高い
81.
フレームワークの選択 肢
82.
开発の选択肢
83.
Unity
84.
いわずとしれた 有名ゲームエンジン
85.
https://unity3d.com/jp
86.
Unityは、VR/ARに 力を入れていて
87.
様々な機能がすでに 統合されている
88.
Oculus Riftや HTC Viveなどの
89.
PC向けハイエンドVR 制作なら
90.
VRサポートのチェックボ ックスをオンにするだけ
91.
あとは自動的に HMDで表示してくれる
92.
VR開発の手軽さは (個人的には)Unityが一番
93.
Unreal Engine
94.
2大ゲームエンジンの もうひとつ
95.
https://www.unrealengine.com/ja/what-is-unreal-engine- 4?sessionInvalidated=true
96.
UEもVRサポートを すでに行っている
97.
Play ModeをVRにするだけ
99.
奥别产痴搁の开発环境
100.
WebVRの開発にも フレームワークが存在す る https://medium.com/@uiuxlab/5-web-vr-frameworks-to-help- developers-build-interesting-design-b4a03197f1f5
101.
どのフレームワークも JavaScriptを用いて開発する
102.
その中でやや特殊なのが A-Frame https://aframe.io/
103.
<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>
104.
HTMLのタグだけで WebVRコンテンツを構築する
105.
罢丑谤别别.箩蝉でも开発可能
106.
WebGL開発の デファクトスタンダー ド
107.
既存の罢丑谤别别.箩蝉コンテンツも
108.
そのままWebVR対応できる かもしれない(コンテンツによります)
109.
UnityからWebGLに 書き出すアセットもある tps://hacks.mozilla.org/2018/02/create-vr-on-the-web-using-unity
110.
鲍苍颈迟测での痴搁コンテンツ制作方法
111.
Unity開発手順 ? Unityのインストール ? 笔濒补迟蹿辞谤尘を设定(今回はAndroid) ?
VR Supportをオン ? Google VR SDKをimport ? ビルド
112.
鲍苍颈迟测をインストール
113.
ダウンロードページか ら DLしインストール https://store.unity.com/ja
114.
笔濒补迟蹿辞谤尘を设定
116.
Android StudioとJDKを インストール https://developer.android.com/studio/index.html
117.
Android SDKとJDKを Unityに設定 https://docs.unity3d.com/ja/current/Manual/android-sdksetup.html 公式手顺
119.
痴搁サポートをオン
120.
公式手顺
121.
Google VR SDKをimport
122.
GoogleのサイトからDL https://developers.google.com/vr/develop/unity/download
124.
ビルド
125.
消す
127.
ビルド結 果
129.
ご清聴ありがとうございました
Download