How to enjoyWeb VR2016/04/19 Meguro.es #3
View Slide
Web VR = Web Virtual Reality
ࠓVRݩͱݴΘΕ͍ͯ·͢
QuestionVRίϯςϯπΛݟͨ͜ͱ͕͋Δਓ✋
QuestionVRίϯςϯπΛ࡞ͬͨ͜ͱ͕͋Δਓ✋
࠷ۙVR ZONEͱ͍͏VRΤϯλϝࢪઃ͕ظؒݶఆͰΦʔϓϯ͠·ͨ͠!
ͻͱ݄ઌ·Ͱ༧Ͱຒ·͍ͬͯ·͕͢ɺඦฉҰݟʹ͔ͣ͠ɺ৽ن༧Λड͚͚Δ̌࣌ʹϒϥβʹுΓ͍ͯͰ༧͢ΔՁ͕͋Γ·͢!
ͻͱ݄ઌ·ͰͳΜͯͯͳ͍Αɺͬͱؾܰʹ̧̫Λָ͠Ίͳ͍ͷʁͦΜͳਓʹΦεεϝͳͷ͕؆୯ʹखݩͰࢼͤΔWeb Virtual Reality
I'm ikkou• Drecom Co., Ltd.• Manager, Front-end Engineer• Technical Director• g1983ers• Meguro.es, Organizer• ϛΫ͞Μ͕େ͖Ͱ3݄9ϛΫͷ͕݁ࠗه೦
How to enjoyWeb VR
TL;DRํ๏͍͔ͭ͋͘Γ·͕͢ɺJavaScriptϑϨʔϜϫʔΫΛ͏͜ͱͰWeb VRΛ؆୯ʹָ͠Ή͜ͱ͕ग़དྷ·͢• Web VR Starter Kit• a-frame• VR view
Web VR Starter Kit
Web VR Starter Kit is Կ• खͬऔΓૣ͘Web VRΛָ͠ΊΔJavaScriptϑϨʔϜϫʔΫͷΓ• sample01, sample02
a-frame
a-frame is Կ• a-frameMozVR͜ͱMozilla VR team͕ϦϦʔεͨ͠Web VRͷϑϨʔϜϫʔΫ• ͨͬͨ1ߦͷJavaScriptΛಡΈࠐΉ͚ͩͰa-frameΛ͏͜ͱ͕ग़དྷΔ• औ͖ͬ͢͞ଞͷWeb VRϑϨʔϜϫʔΫʹൺͯѹత• sample01, sample02
VR view
VR view is Կ• Google͕։ൃ͍ͯ͠Δ3/30ʹެ։͞Ε͔ͨΓͷϑϨʔϜϫʔΫ• Web͚ͩͰͳ͘ɺiOSͱAndroidͷωΠςΟϒΞϓϦαϙʔτ͍ͯ͠Δ• ੩ࢭը͚ͩͰͳ͘ɺಈըαϙʔτ͍ͯ͠Δ• sample01
Web VRΛ؆୯ʹࢼ͢ํ๏͔ͬͨɺͱ͜ΖͰͲ͏ͬͯίϯςϯπΛ༻ҙ͢Δͷʁ
Facebook Surround 360͜ΕΛ͑៉ྷͳ360ಈըΛ࡞ΕΔʂ
͕ɺ͓ஈ $30,000 ͱ͓ߴ͍……ɻ
ࣗͰ༻ҙ͍ͨ͠ͳΒRICOH THETA γϦʔζ
ࣸਅ͕ཉ͍͠ͳΒ Flickr VR
VR࣮ࡍʹͦͷͰݟͯମݧ͢Δͱ͜Ζ͔Β࢝·Γ·͢ʂ
·ͣൺֱతͱ͖͍ͬͭ͢Web VR͔Β࢝ΊͯΈͯʁ
enjoy Web VR !!
ը૾ग़య• 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