VR180動画をLookingGlassで裸眼立体視する / Stereoscopic VR 180 video with naked eye with The Looking Glass

2018.2.18開催の第1回 Looking Glass勉強会で行ったLTの発表資料です。
https://lookingglass.connpass.com/event/115508/

Transcript

1. 1 VR180動画をLookingGlassで裸眼立体視する Stereoscopic VR 180 video with naked eye with The Looking Glass 第1回 Looking Glass勉強会
2. 2 Introduction Nakaji Kohki / Lyrica Mercari, Inc. R4D XR Engineer 名古屋出身のゲームエンジニア 日本バーチャルリアリティ学会認定 VR技術者 Game Engineer from Nagoya / Virtual Reality Specialist Books: 技術評論社『VRエンジニア養成読本』 Works: 『Crevasse』『至近距離ガールVR』 Twitter: @nkjzm
3. 3 Works by The Looking Glass ① https://twitter.com/nkjzm/status/1091526410575929349
4. 4 Works by The Looking Glass ② https://twitter.com/nkjzm/status/1093569293369827330 https://twitter.com/nkjzm/status/1093520285930684416
5. 5 VR180動画をLookingGlassで裸眼立体視する Stereoscopic VR 180 video with naked eye with the Looking Glass
6. 6 What’s VR180? Feature - Field of View is 180 degrees 視野角180度 - Stereo Cameras 二眼カメラ Advantage For the Looking Glass demo video. (Because stereoscopic viewing is possible) Looking Glassのデモに向いてる(2眼で撮れるため) Disadvantage It requires a VR HMD for viewing. 視聴時にHMDが必要 “VR180” is the VR FORMAT, that was released by Google in 2017 Mirage Camera Ref: https://www.lenovo.com/
7. 7 Final Output https://twitter.com/nkjzm/status/1093891672067330048
8. 8 VR180動画を平行投影する Project to the plane from VR180. Flow 2視点テクスチャに変換する Convert to the Side-by-Side texture. Quiltクラスを使って描画する Render to the Looking Glass by Quilt class. 02 03 01
9. 9 Project to the plane from VR180.
10. 10 Generate the hemisphere Mesh VR180は描画用のメッシュデータを持っ ている VR180 has mesh data for rendering. 球の原点から視点をRenderTextureに 描画する Draw a viewpoint from the center of the sphere in RenderTexture. It was based on https://github.com/aosoft/VR180MeshProje ction by @TANY_FMPMD
11. 11 TIPS: VR180’s meta VR180フォーマットは公開されてい る VR180 Video Format has been published. https://github.com/google/sp atial-media/blob/master/docs /vr180.md Header Reader MP4でVR180 ファイルのメタ情報を確認可能 It’s possible to see the metadata in VR180 file by Header Reader MP4 http://dev.onionsoft.net/seed/i nfo.ax?id=1303
12. 12 Convert to the Side-by-Side texture.
13. 13 Convert a texture to format adapted to the Looking Glass 先程の2枚のテクスチャをUIとして配置 し、サイドバイサイド形式で1枚のテクス チャに投影する Arrange two the textures as UI parts, and project to the single texture of side by side.
14. 14 Render to the Looking Glass by Quilt class.
15. 15 Render in the Looking Glass by Quilt class. Usually we render to Looking Glass by “HoloPlay Capture” prefab, It’s also possible to render by calling Quilt classes. 普通はLookingGlassに描画する時は”HoloPlay Capture”というPrefabを使う が、Quiltクラスから描画することも出来る。 It was based on https://github.com/kirurobo/LookingGlassQuiltViewer by @kirurobo
16. 16 Repository https://github.nkjzm/LKGVR180Player
17. 17 Thanks!
18. 18 GUIDE Primary 見出しのテキスト1 タイトルのテキスト 見出しのテキスト2 Hiragino Kaku Gothic Pro 24pt Bold 日本語 基本フォントサイズ Hiragino Kaku Gothic Pro 18pt Hiragino Kaku Gothic Pro 14pt R=34 G=34 B=34 # 222222 Lorem ipsum Lorem ipsum Lorem ipsum Montserrat 24pt Montserrat 18pt Montserrat 14pt English Text Accent R=1 G=193 B=255 # 01c1ff Color usage