Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to enjoy Web VR

1ec68e792f99c958b8ffbd0aadaa182a?s=47 ikkou
April 20, 2016
Technology
0
470

How to enjoy Web VR

1ec68e792f99c958b8ffbd0aadaa182a?s=128

ikkou

April 20, 2016
Tweet

More Decks by ikkou

See All by ikkou
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
1
150
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
6
1.7k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
3
1.2k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
1
600
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
2
470
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
5
1.9k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
0
310
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
3
640
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
0
1.4k

Other Decks in Technology

See All in Technology
7bbb6e8cd78042f30a37c29771002d2a?s=48 nenonaninu
0
140
8e308462954f8c38cc60dabb8b7bc6a3?s=48 widstkyi
0
110
97d180294474e9df01503148f3b11f39?s=48 lambda
0
210
6b8e2101579190ad96e747e01c279898?s=48 pauloxnet
2
100
204f36383109212baaedfabb8abcfc9e?s=48 konakalab
0
100
3e43337419f62a7e3eefc1b81145a987?s=48 yutakasugiura
0
1.2k
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
0
220
B6014874224af225d86b386baea585bd?s=48 meiradania
0
120
1fbd94fe0e6c61f43710f4fbb7e1ecdf?s=48 hashiyaman
0
390
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
640
179d41d0fdd38c6980de9f2ae0e4768a?s=48 9wick
0
330
60187fe0ab07ea5a46572a3ab05f61dd?s=48 mattstauffer
0
1.3k

Featured

See All Featured
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
390k
Ba530e786553390f3fb271848485681c?s=48 3n
163
22k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
340
16k
78b475797a14c84799063c7cd073962f?s=48 holman
290
130k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
25
2.4k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
86
8.7k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
499
130k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
8
950
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
344
26k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
176
7.7k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
10
550

Transcript

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

  2. Web VR = Web Virtual Reality

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

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

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

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

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

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

  9. None

  10. I'm ikkou • Drecom Co., Ltd. • Manager, Front-end Engineer

    • Technical Director • g1983ers • Meguro.es, Organizer • ϛΫ͞Μ͕େ޷͖Ͱ3݄9೔ϛΫͷ೔͕݁ࠗه ೦೔

  11. How to enjoy Web VR

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

    • a-frame • VR view

  13. Web VR Starter Kit

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

    • sample01, sample02

  15. a-frame

  16. a-frame is Կ • a-frame͸MozVR͜ͱMozilla VR team͕ϦϦʔ εͨ͠Web VRͷϑϨʔϜϫʔΫ •

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

  17. VR view

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

    • ੩ࢭը͚ͩͰ͸ͳ͘ɺಈը΋αϙʔτ͍ͯ͠Δ • sample01

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

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

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

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

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

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

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

  26. enjoy Web VR !!

  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