How to enjoy Web VR

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

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
6
1k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
3
1.1k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
1
490
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
2
350
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
5
1.8k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
0
280
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
3
610
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
0
1.3k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
0
130

Other Decks in Technology

See All in Technology
E783e2d26dc6388730b73ced1348c638?s=48 vkbaba
0
220
1820130315ee3f2e970aeeef918b264a?s=48 yuzoshigematsu
2
1.4k
Cf18e42df2acc7a1fc1700bcd8e76487?s=48 syrusakbary
0
250
Cc8a208e174943d1da814783841abd50?s=48 shinodogg
0
180
380bcd2ab751f5838abd8219df53e5fe?s=48 tomoki10
0
1.1k
98234c645fe8c935edc0fec0186d28b8?s=48 garethr
1
700
Ecad9d801d79f6c6e5df93094690685e?s=48 sinsoku
6
2.2k
17d762ae166e66cab39e9b2e3df7d198?s=48 ysakashita
0
170
1d8947ec45ce78c83251f4d076abe329?s=48 rpabank
0
160
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
0
210
953fe5f1a04d8944ead78db3991cfa6a?s=48 anoriqq
0
230
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
180

Featured

See All Featured
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
550
245cee81a9c424266e5e401d844ea881?s=48 lara
13
2.4k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
205
6.7k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
339
26k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
165
18k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
197
19k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
145
19k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
10
450

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