ARKit2.0でAppleが伝えたいアプリ体験を考える

Transcript

1. ARKit2.0ͰApple͕఻͍͑ͨ
   ΞϓϦମݧΛߟ͑Δ
   iOSDC JAPAN 2018/09/01
   Kaoru Matarai
   @mcz9mm
   

   View Slide

2. Kaoru Matarai
   LIFULL Co., Ltd.
   #twitter, #github @mcz9mm

   #pokeGO #0237 5690 8976
   #Who?
   

   View Slide

3. ARKit1.0
   ARKit1.5 ڞʹରԠ
   #WORK
   

   View Slide

4. • iOS11͔ΒiOS12ͰͷΞοϓσʔτ
   • iOS12Ͱ͸ͲΜͳମݧΛఏڙ͢Δ΂͖͔
   • ·ͱΊ
   #AJENDA
   ٕज़తͳ͜ͱʹ͸৮Εͣ5෼ͰαΫοͱ࿩͠·͢☺
   

   View Slide

5. iOS11→iOS12ͰARKit͸

   େ͖͘Ͱ͖Δ͜ͱ͕૿͑·ͨ͠
   

   View Slide

6. iOS11 (ARKit1.0~1.5)
   ɾARۭؒʹΦϒδΣΫτΛදࣔ

   ɾܭଌܥΞϓϦ͕ಛʹଟ͍

   ɾڞ༗Λߦ͏ʹ͸ࣗલͰ΍Βͳ͖Ό͍͚ͳ͍ʁ(ARCoreɺɺ)
   #UPDATE
   iOS12 (ARKit2.0)
   ɾσϑΥϧτΞϓϦʹMeasure͕௥Ճ(ΊͬͪΌ࢖͍΍͍͢)

   ɾ؀ڥʹ߹ΘͤͯϚοϐϯάͯ͘͠ΕΔΑ͏ʹ΋ͳ͍ͬͯΔ

   ɾෳ਺ਓͷڞ༗͔Βೝࣝਫ਼౓޲্ɺQuickLookͰ࠷ૣΞϓϦཁΒΜ
   NEW˒
   

   View Slide

7. ΑΓݱ࣮ۭؒʹ༹͚ࠐΉ͜ͱ
   ͕Մೳʹͳͬͨ
   

   View Slide

8. ͔͜͜Βຊ୊Ͱ͢
   

   View Slide

9. iOS12͸ͲΜͳ

   ΞϓϦମݧΛఏڙ͢Δ΂͖͔ʁ

   (࣋࿦Ͱ͕͢)
   

   View Slide

10. ָ͠͞Λڞ༗͠Α͏
    #UX01
    →
    ෳ਺ਓͰͷମݧΛՄೳʹ͢Δ͜ͱͰ

    ָ͠͞ɾମݧ͸֨ஈʹ૿͑Δ

    

    ARWorldMapͰڞ༗͕؆୯ʹͰ͖ΔΑ͏ʹͳ͍ͬͯ·͢
    

    View Slide

11. ΑΓ਎ۙʹඇݱ࣮ੈքΛఏڙ͢Δ
    #UX02
    →
    ̏DϞσϧΛදࣔ͢Δ͚ͩͰͳ͘ը૾΍෺ମΛτϦΨʔʹͯ͠

    εϚϗҰͭͰʮ͋ͬͨΒ͍͍ͳʯΛͦͷ৔Ͱղܾ͠Α͏
    ͳͥݱ࣮ۭؒʹදࣔ͢Δඞཁ͕͋Δͷ͔ߟ͑ͯΈΔ

    

    

    View Slide

12. 1. ͦͷ৔Ͱ͙͢ʹղܾͰ͖ͳ͍΋ͷ
    2. ݴޠҎ֎ͷίϛϡχέʔγϣϯ
    3. ݱ࣮ͷ΋ͷͰ୅༻͠ʹ͍͘΋ͷ
    1ͱ3͸ࣅ͍ͯΔ͕ɺARͰද͍ࣔͤͨ͞ͷ͸

    ʮͦͷ৔Ͱࢹ֮తʹΘ͔Βͳ͍͜ͱΛݟͤͯ͋͛Δ͜ͱʯ
    #ݱ࣮ۭؒʹදࣔ͢Δඞཁੑ
    

    View Slide

13. γʔϜϨεͳૢ࡞Λ৺͕͚Δ
    #UX03
    →
    ยखͰѻ͑Δ͘Β͍͕ཧ૝ʂ

    ૢ࡞Λઆ໌ͳ͠Ͱ఻͑ΒΕΔ͘Β͍௚ײతͩͱ˕

    Ϣʔβʔ͕ૢ࡞Λཧղ͢Δϑϩʔ

    Λ͍͔ʹແҙࣝʹͯ͠΋Β͏͔
    

    View Slide

14. WWDCͰͷηογϣϯͰ

    ৄ͘͠৮ΕΒΕ͍ͯ·͢ˣ
    https://developer.apple.com/videos/play/wwdc2018/805/
    #TIPS
    

    View Slide

15. • γΣΞɾอଘػೳͰମݧͷ෯͕૿͑ͨͱڞʹϢʔεέʔε
    ͕֨ஈʹ૿͑ͨ

    • ೝٕࣝज़ͷਫ਼౓޲্ʹΑΓɺ͞Βʹඇݱ࣮తͳੈքͱݱ࣮
    ۭ͕ؒඥͮ͘Α͏ʹͳͬͨ

    • iOS11͔Βಉ͜͡ͱ͸ݴ͑Δ͕ۃྗϢʔβʔෛ୲ʹͳΔΑ
    ͏ͳUIʹͤͣɺແҙࣝʹ࢖͑ΔγφϦΦΛߟ͑Δ
    #·ͱΊ
    

    View Slide

16. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide

17. # એ఻
    ARKit CHEAT SHEET
    Created by @mcz9mm
    Load Scene/SCNNode
    3D: ARSCNView (AR + SceneKit)
    2D: ARSKView (AR + SpriteKit)
    Which?
    1
    2
    4
    Create BOX
    0.01 = 1cm
    3
    Configure
    Run Option
    Image Detection
    ARKit1.5
    WorldMap (Save&Share!!)
    ARKit2.0
    AREnvironmentProbeAnchor
    ARKit2.0
    Set Float Value

    Metalness: 1.0

    Roughness:1.0
    ҆қͳؾ࣋ͪͰࡢ೔࡞Γ·ͨ͠

    ྑ͔ͬͨΒݟͯΈ͍ͯͩ͘͞
    Twitterʹͯڞ༗ͯ͠·͢

    ˏmcz9mm
    

    View Slide