Transform your iOS App into an Immersive Experience

Transcript

1. Masakaz Ozaki, Design Engineer, CEO ooo.engineering Inc. Transform your iOS app into an Immersive Experience 􀟜 􁎖 􀰑
3. ग़య: ೔ຊܦࡁ৽ฉࣾ
4. ग़య: ೔ຊܦࡁ৽ฉࣾ
5. ग़య: ೔ຊܦࡁ৽ฉࣾ
6. ग़య: ೔ຊܦࡁ৽ฉࣾ
7. 􀟜 􁎖 􀰑
8. 􀟜 􀪬 SPM API-Endpoint Server-side HTTP
9. 􀪬 SPM API-Endpoint Server-side HTTP 􁎖
11. What is the Immersive Experience?
12. Seeming to surround the audience, player, etc. so that they feel completely involved in something Immersive ग़య: https://dictionary.cambridge.org/dictionary/english/immersive ؍٬΍ϓϨΠϠʔͳͲΛऔΓғΉΑ͏ʹͯ͠ɺ·ΔͰͦͷதʹ׬શʹ຅ೖ͍ͯ͠Δ͔ͷΑ͏ʹ ײͤ͡͞Δ͜ͱ
13. ·ΔͰͦͷίϯςϯπͷҰ෦ͷΑ͏ʹײ͡Δ
    Part of the content ࢥΘͣखΛ৳͹ͨ͘͠ͳΔ
    Makes you want to reach out instinctively γʔϜϨεͳτϥϯδγϣϯ
    Seamless transitions ৺ಈ͔͢ମݧ
    Experience that moves you Key points
14. Please google “Maihama” for what I mean ෣඿ Maihama
15. Fluid experience flow ྲྀಈతͳମݧϑϩʔ
16. Personal ! Mobile " Spatial # ମ੎ *0 දࣔྖҬ ຅ೖ !࠲ΔɺࠊΛਾ͑Δɻ 13-32inch Display ˞Ұൠతʹ 4-6inch Display ˞Ұൠతʹ Field of Vision !ࣗ༝ͳମ੎ɻखΛ࢖͏ "ࣗ༝ͳମ੎ɻϋϯζϑϦʔ #$ % !& "Full Screen #Landscape Immersive $
17. How to make iOS app into Immersive Experience? ग़య: https://hack.nikkei.com/blog/spatial20240612/
18. Step 1
19. ग़య: ೔ຊܦࡁ৽ฉࣾ
20. ௕ํܗͷ৔߹ ਓ ίϯςϯπ·Ͱͷڑ཭͕ҟͳͬͯ͠·͏ͷͰ໨͕ർΕΔ өըؗͰҰ൪લͷ੮ͩͱർΕͯ͠·͏ͷ΋͜Ε͕ݪҼ ฏ໘ਤ ্͔Βݟͨਤ ίϯςϯπ
21. ฏ໘ਤ ্͔Βݟͨਤ ਓ ίϯςϯπ ઔܗɺٿମʹԊΘͤͨ৔߹ ίϯςϯπ·Ͱͷڑ཭͕ಉ͡ͳͷͰ؟ਫ਼ർ࿑Λى͜͠ʹ͍͘
22. Step 2
23. ग़య: ೔ຊܦࡁ৽ฉࣾ
24. .rotation3DEffect(_:) .offset(x:_, y:_, z:_) Wrap-up
25. .gesture() Wrap-up
26. Attachment(id: “hoge") { FanView() } Wrap-up
27. Step 3
28. ग़య: ೔ຊܦࡁ৽ฉࣾ https://hack.nikkei.com/blog/spatial20240627/#RealityKit ͱ Metal ͲͪΒΛ࢖͏ͷ͔
29. Step 4