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
1
410
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
2
320
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
5
1.8k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
0
260
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
3
600
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
0
1.3k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
0
120
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
1
1.1k
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
1
2k

Other Decks in Technology

See All in Technology
881b1b57f1cbe3b66b017203f7cb2efb?s=48 nplusone
0
200
1f745ff900e1be51aedae18cae76593c?s=48 kurochan
0
1.7k
Ca7f3070b0edb9ec3e1b5b5109920a8a?s=48 hiyokotaisa
2
1.6k
24606216ae4bbee28494552cb71cc220?s=48 yosshi_
12
2.8k
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
300
Cb88f765dd38cd942c39aacb5abbea06?s=48 ufoo68
1
230
470bbf16e3547a17e40c34da937be921?s=48 kikmysy4
0
140
8db231d3fe08b46242f6e0e45c95eee1?s=48 darkomesaros
0
120
F68a145ec870bf173a932bc409b20fab?s=48 jyamamoto
0
260
2b41772cec40855d563406ca89fdf926?s=48 bbrfkr
1
190
F3f3eec8682a76ed430054e8fd994f15?s=48 tmnakagawa
0
740
Ad22fcf5773b906c08330f4d57242212?s=48 inductor
13
2.1k

Featured

See All Featured
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
205
9.9k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
323
14k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
6.8k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
91
2.8k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
164
6.7k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
391
60k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
8
1.3k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
5
3.5k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
293
38k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
477
150k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
203
6.6k

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