WebARの概要と実装方法

【Monaca UG OSAKA #9 〜AR/VR特集〜スライド資料】
https://monacaug.connpass.com/event/144547/

【フォローアップ記事】
WebARの概要と実装方法（AR.js）
https://00m.in/23CQX

WebARの概要と実装方法（マーカーレス）
https://00m.in/UhoA8

Transcript

1. 8FC"3ͷ֓ཁͱ࣮૷ํ๏ 
   ,B[VLJ
   :POFNPUP
    גࣜձࣾ
   5".
2. ࣗݾ঺հ ถຊɹ࿨ੜ ΑͶ΋ͱ
   
   ɹ
   
   
   ͔͖ͣ લ৬ɿΞύϨϧ&$ͷ8FC୲౰ऀ ݱ৬ɿϑϩϯτΤϯυΤϯδχΞ ಘҙɿ&$αΠτߏங
   ӳޠ झຯɿ$IBU
   #PU։ൃ
   8FC"3
   18"
   /JHIU
   0TBLBӡӦ
3. 3PBE
   .BQ w8FC"3
   ͱ͸
   w8FC"3
   ࣮૷ύλʔϯ
   w8FC"3
   ͷ׆༻ࣄྫ
   w8FC"3
   ͷ͜Ε͔Β
4. 8FC"3
   ͱ͸ "3 ֦ுݱ࣮ Λ8FC্Ͱ΋
   ར༻Ͱ͖ΔΑ͏ʹٕͨ͠ज़
5. 8FC"3
   ͱ͸ ωΠςΟϒΞϓϦͷΠϯετʔϧΛϢʔβʔ
   ʹଅ͢͜ͱͳ͘"3ମݧΛఏڙͰ͖Δٕज़
6. 8FC"3
   ࣮૷ύλʔϯ wϚʔΧʔΛར༻࣮ͯ͠૷͢Δ৔߹
   wϚʔΧʔϨεͰ࣮૷͢Δ৔߹
7. 8FC"3
   ࣮૷ύλʔϯᶃ ʙϚʔΧʔΛར༻࣮ͯ͠૷͢Δ৔߹ "3KT ʙ ϚʔΧʔ
8. ϚʔΧʔ
9. 8FC"3࣮૷ύλʔϯᶃ ʙϚʔΧʔΛར༻࣮ͯ͠૷͢Δ৔߹ "3KT ʙ w "3KT
   "'SBNF̎छྨͷ+BWB4DSJQUϥΠϒϥϦ ͷಡΈࠐΈ
   w %Ϟσϧ͸0#+ϑΝΠϧܗࣜͰ४උ
   w %ϞσϧͷαΠζ΍഑ஔʹؔ͢Δهड़
   w ϚʔΧʔͷ༻ҙ
10. 8FC"3
    ࣮૷ύλʔϯᶄ ʙϚʔΧʔϨεͰ࣮૷͢Δ৔߹ʙ
11. 8FC"3
    ࣮૷ύλʔϯᶄ ʙϚʔΧʔϨεͰ࣮૷͢Δ৔߹ʙ  "3
    2VJDL
    -PPL
    Λར༻
    
    ࣮૷؆୯
     NPEFMWJFXFS
    Λར༻
    
    ߴػೳͰ൚༻ੑߴ͍
12. 8FC"3
    ࣮૷ύλʔϯᶄ ʙϚʔΧʔϨεͰ࣮૷͢Δ৔߹ "3
    2VJDL
    -PPL ʙ a
    ͜Ε͚ͩͷهड़Ͱ࣮૷Մೳ
     w "3
    2VJDL
    -PPLʹ߹ΘͤͨϚʔΫΞοϓ
    w %Ϟσϧ͸64%;ϑΝΠϧܗࣜͰ४උ
13. 8FC"3
    ࣮૷ύλʔϯᶄ ʙϚʔΧʔϨεͰ࣮૷͢Δ৔߹ "3
    2VJDL
    -PPL ʙ <a rel="ar" href="img/earth_ball.usdz"> <img src="img/earth.gif" alt=""> </a> a
    ͜Ε͚ͩͷهड़Ͱ࣮૷Մೳ
    
15. 8FC"3
    ࣮૷ύλʔϯᶄ ʙϚʔΧʔϨεͰ࣮૷͢Δ৔߹ NPEFMWJFXFS ʙ w NPEFMWJFXFSKT
    ͷಡΈࠐΈ
    w %Ϟσϧ͸
    HM5'(-#ϑΝΠϧܗࣜͰ४උ
    w J04ʹ΋ରԠ͢Δ৔߹
    64%;ϑΝΠϧܗࣜ΋४උ
    w NPEFMWJFXFS
    ͷهड़
17. 4IPQJGZ
    "3 &$ΧʔταʔϏε
    4IPQJGZ͕ఏڙ͢Δ"3ػೳ
18. 4IPQJGZ
    "3
19. 8FC"3
    ͷ͜Ε͔Β wNPEFMWJFXFS
    ʹΑͬͯՄೳੑ͕֦େ
    w&$ྖҬͰ͸αΠζײ΍ઃஔΠϝʔδΛ఻͑Δ࠷ྑͷ πʔϧʹͳΔ
    w%ΦϒδΣΫτΛ࡞੒Ͱ͖Δਓࡐʹधཁ͕ू·Δ
    w(͕"3ಋೖͷ௥͍෩ʹͳΔ