360°写真、動画を用いた VR 対応アプリの開発方法

by yuky_az

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ͷͨΊʹ ϚϧνεϨου ˠෳ਺ͷॲཧΛฒߦͯ͠ߦ͍ɺಛఆͷεϨου͕ϘτϧωοΫ ʹͳΔͷΛ๷͙