webvr 酔いづらいコンテンツの作り方
TRANSCRIPT
![Page 1: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/1.jpg)
WebVRWebVR 酔いづらいコンテンツの作り方
@2016.08.08 比留間 和也
![Page 2: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/2.jpg)
自己紹介
![Page 3: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/3.jpg)
面 白 法 人 カ ヤ ッ ク 技 術 部比 留 間 和 也
@edo_m18 @edom18
![Page 5: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/5.jpg)
制作した VR コンテンツ
![Page 6: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/6.jpg)
https://www.youtube.com/watch?v=PhwSsKcZthU
Another Planets
![Page 7: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/7.jpg)
![Page 8: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/8.jpg)
https://youtu.be/yKwo-_hDrpI
Dragon Breaker Z
![Page 9: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/9.jpg)
カヤック VR 部サイト
![Page 10: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/10.jpg)
![Page 11: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/11.jpg)
今まさに開発中のものはホラーコンテンツですVR とホラーは親和性やばい
![Page 12: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/12.jpg)
VR 酔いWebVR 関係なくてすみません
![Page 13: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/13.jpg)
なぜ VR 酔いが起きるのか?
![Page 14: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/14.jpg)
基本的には車酔いと似た現象
![Page 15: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/15.jpg)
つまり、視覚情報と体の感覚の情報に差が生じることで起きる
![Page 16: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/16.jpg)
と言われています
![Page 17: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/17.jpg)
VR コンテンツで酔わさないコツ
![Page 18: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/18.jpg)
それは
![Page 19: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/19.jpg)
「感覚の不一致」をどれだけ軽減できるか
![Page 20: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/20.jpg)
過去の経験からの推測
![Page 21: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/21.jpg)
• 「絶対に」カメラを勝手に動かさない
![Page 22: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/22.jpg)
• 「絶対に」カメラを勝手に動かさない• コントローラなどによる前後以外(つまり上下左右)の自由移動を極力させない
![Page 23: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/23.jpg)
• 「絶対に」カメラを勝手に動かさない• コントローラなどによる前後以外(つまり上下左右)の自由移動を極力させない• カーソルや「鼻の頭」など「常に視点に固定されているもの」を配置する
![Page 24: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/24.jpg)
• 「絶対に」カメラを勝手に動かさない• コントローラなどによる前後以外(つまり上下左右)の自由移動を極力させない• カーソルや「鼻の頭」など「常に視点に固定されているもの」を配置する• 本来なら体に触れている距離に物を置かない。近づけさせない。
![Page 25: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/25.jpg)
• 「絶対に」カメラを勝手に動かさない• コントローラなどによる前後以外(つまり上下左右)の自由移動を極力させない• カーソルや「鼻の頭」など「常に視点に固定されているもの」を配置する• 本来なら体に触れている距離に物を置かない。近づけさせない。• FPS は実は意外と重要じゃない
![Page 26: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/26.jpg)
1カメラを勝手に動かさない
![Page 27: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/27.jpg)
勝手に動かすとユーザの思惑と外れて動くため確実に不一致を招く
![Page 28: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/28.jpg)
2前後以外の自由移動を極力させない
![Page 29: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/29.jpg)
次の例はあくまで体験に基づく推測です
![Page 30: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/30.jpg)
2.1視覚的な変化が少ない上下左右に比べて
![Page 31: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/31.jpg)
画面の変化、すなわちピクセルの変化が少ないため感覚の不一致を起こしづらい
![Page 32: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/32.jpg)
2.2人間の行動の慣れ
![Page 33: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/33.jpg)
移動する場合は必ず前
![Page 34: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/34.jpg)
左右の移動は乗り物など「普段と違う状況」に置かれていることがほとんど
![Page 35: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/35.jpg)
3カーソルや「鼻の頭」など「常に視点に固定されているもの」を配置する
![Page 37: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/37.jpg)
固定のものがある=視覚的な一致がある
![Page 38: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/38.jpg)
4体に触れている距離に物を置かない
![Page 39: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/39.jpg)
現実でぶつかる=フィードバックがある
![Page 40: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/40.jpg)
仮想現実でぶつかる=フィードバックがない
![Page 41: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/41.jpg)
ここに「感覚の不一致」がある
![Page 42: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/42.jpg)
• 「絶対に」カメラを勝手に動かさない• コントローラなどによる前後以外(つまり上下左右)の自由移動を極力させない• カーソルや「鼻の頭」など「常に視点に固定されているもの」を配置する• 本来なら体に触れている距離に物を置かない。近づけさせない。• FPS は実は意外と重要じゃない
![Page 43: WebVR 酔いづらいコンテンツの作り方](https://reader035.vdocuments.mx/reader035/viewer/2022062223/588041cf1a28abfd0a8b64bd/html5/thumbnails/43.jpg)
ご清聴ありがとうございました