Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Web VR = Web Virtual Reality

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

How to enjoy Web VR

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

Web VR Starter Kit

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

a-frame

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

VR view

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

ࣸਅ͕ཉ͍͠ͳΒ Flickr VR

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

enjoy Web VR !!

Slide 27

Slide 27 text

ը૾ग़య • 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