How to enjoy Web VR

Transcript

1. How to enjoy
   Web VR
   2016/04/19 Meguro.es #3
   

   View Slide

2. Web VR = Web Virtual Reality
   

   View Slide

3. ࠓ೥͸VRݩ೥ͱݴΘΕ͍ͯ·͢
   

   View Slide

4. Question
   VRίϯςϯπΛݟͨ͜ͱ͕͋Δਓ✋
   

   View Slide

5. Question
   VRίϯςϯπΛ࡞ͬͨ͜ͱ͕͋Δਓ✋
   

   View Slide

6. ࠷ۙVR ZONEͱ͍͏VRΤϯλϝࢪઃ
   ͕ظؒݶఆͰΦʔϓϯ͠·ͨ͠!
   

   View Slide

7. ͻͱ݄ઌ·Ͱ༧໿Ͱຒ·ͬͯ
   ͍·͕͢ɺඦฉ͸Ұݟʹ͔͠
   ͣɺ৽ن༧໿Λड͚෇͚Δ̌
   ࣌ʹϒϥ΢βʹுΓ෇͍ͯͰ
   ΋༧໿͢ΔՁ஋͕͋Γ·͢!
   

   View Slide

8. ͻͱ݄ઌ·ͰͳΜͯ଴ͯͳ͍
   Αɺ΋ͬͱؾܰʹ̧̫Λָ͠
   Ίͳ͍ͷʁͦΜͳਓʹΦεε
   ϝͳͷ͕؆୯ʹखݩͰࢼͤΔ
   Web Virtual Reality
   

   View Slide

9. View Slide

10. I'm ikkou
    • Drecom Co., Ltd.
    • Manager, Front-end Engineer
    • Technical Director
    • g1983ers
    • Meguro.es, Organizer
    • ϛΫ͞Μ͕େ޷͖Ͱ3݄9೔ϛΫͷ೔͕݁ࠗه
    ೦೔
    

    View Slide

11. How to enjoy
    Web VR
    

    View Slide

12. TL;DR
    ํ๏͸͍͔ͭ͋͘Γ·͕͢ɺJavaScriptϑϨʔϜ
    ϫʔΫΛ࢖͏͜ͱͰWeb VRΛ؆୯ʹָ͠Ή͜ͱ
    ͕ग़དྷ·͢
    • Web VR Starter Kit
    • a-frame
    • VR view
    

    View Slide

13. Web VR Starter Kit
    

    View Slide

14. Web VR Starter Kit is Կ
    • खͬऔΓૣ͘Web VRΛָ͠ΊΔJavaScriptϑ
    ϨʔϜϫʔΫͷ૸Γ
    • sample01, sample02
    

    View Slide

15. a-frame
    

    View Slide

16. a-frame is Կ
    • a-frame͸MozVR͜ͱMozilla VR team͕ϦϦʔ
    εͨ͠Web VRͷϑϨʔϜϫʔΫ
    • ͨͬͨ1ߦͷJavaScriptΛಡΈࠐΉ͚ͩͰa-
    frameΛ࢖͏͜ͱ͕ग़དྷΔ
    • औͬ෇͖΍͢͞͸ଞͷWeb VRϑϨʔϜϫʔΫ
    ʹൺ΂ͯ΋ѹ౗త
    • sample01, sample02
    

    View Slide

17. VR view
    

    View Slide

18. VR view is Կ
    • Google͕։ൃ͍ͯ͠Δ3/30ʹެ։͞Εͨ͹͔
    ΓͷϑϨʔϜϫʔΫ
    • Web͚ͩͰ͸ͳ͘ɺiOSͱAndroidͷωΠςΟ
    ϒΞϓϦ΋αϙʔτ͍ͯ͠Δ
    • ੩ࢭը͚ͩͰ͸ͳ͘ɺಈը΋αϙʔτ͍ͯ͠Δ
    • sample01
    

    View Slide

19. Web VRΛ؆୯ʹࢼ͢ํ๏͸
    ෼͔ͬͨɺͱ͜ΖͰͲ͏΍ͬ
    ͯίϯςϯπΛ༻ҙ͢Δͷʁ
    

    View Slide

20. Facebook Surround 360
    ͜ΕΛ࢖͑͹៉ྷͳ360౓ಈըΛ࡞ΕΔʂ
    

    View Slide

21. ͕ɺ͓஋ஈ $30,000 ͱ͓ߴ͍……ɻ
    

    View Slide

22. ࣗ෼Ͱ༻ҙ͍ͨ͠ͳΒ
    RICOH THETA γϦʔζ
    

    View Slide

23. ࣸਅ͕ཉ͍͠ͳΒ Flickr VR
    

    View Slide

24. VR͸࣮ࡍʹͦͷ໨Ͱݟͯମݧ
    ͢Δͱ͜Ζ͔Β࢝·Γ·͢ʂ
    

    View Slide

25. ·ͣ͸ൺֱతͱ͖ͬͭ΍͍͢
    Web VR͔Β࢝ΊͯΈͯ͸ʁ
    

    View Slide

26. enjoy Web VR !!
    

    View Slide

27. ը૾ग़య
    • https://www.oculus.com/en-us/rift/
    • https://project-ican.com/
    • https://facebook360.fb.com/facebook-
    surround-360/
    • https://theta360.com/ja/about/theta/
    m15.html
    • https://www.flickr.com/vr
    

    View Slide