360°写真、動画を用いた VR 対応アプリの開発方法
by
yuky_az
×
Copy
Open
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Slide 1
Slide 1 text
˃ࣸਅɺಈըΛ༻͍ͨ 73ରԠΞϓϦͷ։ൃํ๏ :VLJOBHB"[VNB !ZVLZ@B[ J04%$+BQBO
Slide 2
Slide 2 text
ࣗݾհ :VLJOBHB"[VNB ʢզ࠺ʣ J04ΤϯδχΞ3% େֶͷݚڀһɺϝʔΧʔۈɺϓϩάϥϛϯά ߨࢣɺϑϦʔϥϯεΛܦͯɺ%VDLMJOHTגࣜձࣾͰ εϚϗ͚73"*Λ։ൃத !ZVLZ@B[ TBJJMBCDPN ਓೳɺਓੜ໋ɺੜֶɺ ϓϩάϥϛϯάڭҭɺ ϒϥδϦΞϯॊज़ ଞͷڵຯͷର
Slide 3
Slide 3 text
ൃදͷྲྀΕ εϚʔτϑΥϯʹΑΔ73ʹ͍ͭͯ ˠҰൠɺɺΞϓϦͷཁٻ ϥΠϒετϦʔϛϯάΞϓϦͷ։ൃྫ ˠΧϝϥରԠɺ).%ରԠɺ࣮ํ๏
Slide 4
Slide 4 text
όʔνϟϧϦΞϦςΟʔ(VR)ͱʁ ޒײ૾ྗΛܹ͠ɺͦ͜ʹͳ͍ͷΛ࡞Γग़͢
Slide 5
Slide 5 text
VRʹඞཁͳཁૉ ྟײ ˠө૾Իͱମײ֮ͷҰகʹΑΓɺຊʹͦͷʹ͍Δ Α͏ͳͷࡨ͕֮ى͖Δ շదੑ ˠө૾Իͱମײ֮ͷෆҰகʹΑΓɺ73ਲ͍͕ൃੜ͢Δ ͷͰɺ͜ΕΛݮ͢Δ
Slide 6
Slide 6 text
εϚʔτϑΥϯʹΑΔVR ೋ؟ϔουϚϯτσΟεϓϨΠ ).% ʹεϚϗΛண σόΠεͷ͖ͱө૾ͷ͖ΛҰகͤ͞Δ
Slide 7
Slide 7 text
εϚʔτϑΥϯVRͷಛ ϋΠΤϯυσόΠε 0DVMVT3JGUɺ)5$7JWFɺ1MBZ4UBUJPO73ɺFUD ˠ1$ͱͷଓ͕ඞཁɺϦιʔεେɺମҠಈͷݕ͕Մೳ εϚʔτϑΥϯ J1IPOFɺ"OESPJEεϚϗɺFUD ˠ1$ͱͷଓෆཁɺϦιʔεখɺମҠಈͷݕ͕͍͠
Slide 8
Slide 8 text
ΞϓϦͷཁٻ ྟײˍշదੑͷͨΊʹ ˠߴ͍ϑϨʔϜϨʔτͱɺटͷಈ͖ʹର͢Δө૾ͷैੑ ڑͷݕ΄΅ෆՄ ˠମͷҠಈͷݕ͍͠ɻମҐஔΛݻఆͯ͠༻͕લఏ Ϧιʔεʹ༨༟͕ͳ͍ ˠ$16ɺ(16ɺϝϞϦͷແବݣ͍Λۃྗ͑Δ
Slide 9
Slide 9 text
˃ϥΠϒετϦʔϛϯάΞϓϦͷ։ൃྫ )6(73EFHSFFMJWF ˃ϥΠϒಈըΛࢹௌɺ).%ରԠ ϦΞϧλΠϜͰίϛϡχέʔγϣϯ ༻࣮ ˠԻָϥΠϒɺΧϯϑΝϨϯεɺFUD ͔ࠃͰͷར༻
Slide 10
Slide 10 text
ΞϓϦͷཁٻ ϥΠϒதɺϦΞϧλΠϜͰҎԼͷॲཧ͕ൃੜ ಈըͷड৴ɺϐΫηϧόοϑΝͷॲཧɺ ΧϝϥରԠɺ%ඳըɺ ϝοηʔδͷૹड৴ɺϞʔγϣϯηϯαɺFUD J1IPOFͷੑೳΛϑϧʹҾ͖ग़͢͜ͱ͕ඞཁ
Slide 11
Slide 11 text
࣮ํ๏ͷબఆ (PPHMF734%, ˠ࣮͕؆୯͕ͩɺΧελϚΠζੑ͕͍ 6OJUZ ˠϢχόʔαϧͳ։ൃڥͷͨΊɺ J1IPOFͷੑೳΛϑϧʹҾ͖ग़͢ͷ͍͠
Slide 12
Slide 12 text
࣮ํ๏ͷબఆ 4DFOF,JU ˠߴϑϨʔϜϨʔτͰͷಈը࠶ੜ͕͍͠ɻ 0QFO(-&4(-,JU ˠѻ͍͕͍͕͠ɺ ύϑΥʔϚϯεΧελϚΠζੑ͕ߴ͍ ADOPTED
Slide 13
Slide 13 text
ॲཧͷྲྀΕͷུ֓ ϥΠϒσʔλͷड৴ J1IPOFεΫϦʔϯʹඳը ಄ͷ͖ͷݕग़ ֤ॲཧϚϧνεϨουͰ࣮ߦ͞ΕΔ ٿͷ໘ʹ ςΫενϟΛషΓ͚ Ұఆִ࣌ؒؒͰ࣮ߦ ࢹઢϕΫτϧͷճస
Slide 14
Slide 14 text
ςΫενϟͷషΓ͚,PEBL41, %มΛߦ͍ ٿͷ໘ʹషΓ͚Δ x = R * sin(φ) * cos(θ) y = R * cos(φ) z = R * sin(φ) * sin(θ) Γൈ͖ ࠲ඪม ݩը૾4JOHMFpTIFZF D 8BMUFS θ φ
Slide 15
Slide 15 text
ςΫενϟͷషΓ͚3JDPI5IFUB4 ݩը૾%VBMpTIFZF %มΛߦ͍ɺͦΕͧΕ ٿͷ໘ʹషΓ͚Δ x = R * sin(φ) * cos(θ) y = R * sin(φ) * sin(θ) z = R * cos(φ) Γൈ͖ ճస ࠲ඪม
Slide 16
Slide 16 text
಄ͷ͖ͷݕग़ MFUNPUJPO.BOBHFS$..PUJPO.BOBHFS NPUJPO.BOBHFSEFWJDF.PUJPO6QEBUF*OUFSWBM NPUJPO.BOBHFSTUBSU%FWJDF.PUJPO6QEBUFT5P2VFVF /40QFSBUJPO2VFVF \ EFWJDF.BOBHFS FSSPS JO MFUZBXEFWJDF.BOBHFSBUUJUVEFZBX MFUQJUDIEFWJDF.BOBHFSBUUJUVEFSPMM MFUSPMMEFWJDF.BOBHFSBUUJUVEFQJUDI ^ $PSF.PUJPOΛར༻ͯ͠ σόΠεͷ͖ ಄ͷ͖ Λऔಘ
Slide 17
Slide 17 text
ࢹઢϕΫτϧͷճస D +VBOTFNQFSF Ψ = yaw θ = pitch Φ = roll ࢹઢϕΫτϧΛճస͠ ࢹઢͷઌΛεΫϦʔϯʹඳը͢Δ ΫΥλʔχΦϯʢ࢛ݩʣ ͷར༻͕ඞཁ
Slide 18
Slide 18 text
ϚϧνεϨουઃܭ ༷ʑͳॲཧΛฒྻͰߦ͍ɺϘτϧωοΫ͕ੜ͡ͳ͍Α͏ʹ͢Δ ಈըσʔλͷड৴ ϐΫηϧόοϑΝͷॲཧ ςΫενϟͷషΓ͚ ಄ͷ͖ͷݕग़ ࢹઢϕΫτϧͷઃఆ εΫϦʔϯʹඳը γϦΞϧΩϡʔ༏ઌ ը໘ͷϦϑϨογϡͱಉظ ௨৴ͱಉظ γϦΞϧΩϡʔ༏ઌߴ Ϟʔγϣϯηϯαͱಉظ
Slide 19
Slide 19 text
GPUͷνϡʔχϯά %FCVHOBWJHBUPS'14*OTUSVNFOUT0QFO(-&4"OBMZTJT ෛՙͷେ͖͍ॲཧແ͍͔ʁϝογϡͷܗঢ়ద͔ʁFUD
Slide 20
Slide 20 text
࣮ԋಈը -ѱ͍ྫ- ϚϧνεϨουͷઃܭ͕ෆద ύϑΥʔϚϯεͷνϡʔχϯά͕ेͰͳ͍ ྟײ͕͍ɺ73ਲ͍͕ൃੜɺ͕ߴԹ
Slide 21
Slide 21 text
࣮ԋಈը -ྑ͍ྫ- ϚϧνεϨουͷઃܭ͕ద ύϑΥʔϚϯεͷνϡʔχϯά͕े ྟײ͕ߴ͍ɺ73ਲ͍͕ൃੜ͠ͳ͍ɺ͕ߴԹʹͳΒͳ͍
Slide 22
Slide 22 text
·ͱΊ ύϑΥʔϚϯεͷ্ ˠ$16ɺ(16ͷ࠷దԽ %ඳը ˠඳ͖͍ͨΠϝʔδΛࣜԽ͢Δ ྟײ͕͋ΓɺշదͳεϚʔτϑΥϯ73ͷͨΊʹ ϚϧνεϨου ˠෳͷॲཧΛฒߦͯ͠ߦ͍ɺಛఆͷεϨου͕ϘτϧωοΫ ʹͳΔͷΛ͙