Reality Composer Proのシェーダーでアクリルスタンドの屈折表現をつくる / Create Refraction Effect for Acrylic Stand with Reality Composer Pro Shaders

2024-10-23 visionOS勉強会 #7 at Apple Japan
https://lu.ma/ev7prjd9
https://scrapbox.io/visionOS/Reality_Composer_Proのシェーダーでアクリルスタンドの屈折表現をつくる

Transcript

1. ͹Μ͡ΎΜ🍓 / @banjun Reality Composer ProͷγΣʔμʔͰ ΞΫϦϧελϯυͷ۶ંදݱΛͭ͘Δ 2024-10-23 visionOSษڧձ #7
 @ Apple Japan
2. AppleωΠςΟϒͷٕज़Λ΍Γ͚ͭͮͯ2x೥ ࠷ۙ͸͓࢓ࣄͰ΋झຯͰ΋visionOSΞϓϦ ޷͖: ΞΠϚεɾϐΞϊɾ͓ֆඳ͖ɾ͍ͪ͝ Apple Vision Pro ࠲ஊձͬͯνϟϯωϧ΍ͬͯ·͢ youtube.com/@avpjp
3. ࠓ೔ͷ͓࿩ • ඒ͍͠ΞΫϦϧελϯυΛͭ͘ΔΞϓϦ • ΞϓϦͷಈը&εΫγϣΛΈΔ • ࣮෺ͷ؍࡯ͯ͠ΈΔ • Reality Composer ProͰදݱΛ࡞Δํ๏ • γΣʔμʔͷϊʔυͷͭͳ͔͗ͨ • ΞϓϦ͸TestFlight ͋Γ·͢ → AcrylStand TestFlight https://test fl ight.apple.com/join/gS2MBsX5
4. https://www.youtube.com/watch?v=2v529J1ZtNY https://www.youtube.com/watch?v=2v529J1ZtNY AcrylStand TestFlight https://test fl ight.apple.com/join/gS2MBsX5
5. AcrylStand TestFlight https://test fl ight.apple.com/join/gS2MBsX5
6. ΞΫελͱ͸? (࣮෺Λ؍࡯͢Δ) • ΞΫϦϧͰग़དྷ͍ͯΔɺ͍ΘΏΔਪ͠׆άοζ • Ұຕͷֆ͕ಁ໌ͳΞΫϦϧʹೖ͍ͬͯΔ
7. ΞΫελͱ͸? (࣮෺Λ͍ΖΜͳ֯౓Ͱ؍࡯͢Δ) ͓΋ͯͷ໘
 ͔Θ͍͍ ཪ໘͸നΊ ଆ໘͔Β΋
 ۶ંͯ͠
 ֆ͕ݟ͑Δ
8. Reality Composer ProͷγΣʔμʔͰͭ͘Ζ͏ (׬੒ܗ)
 
 ΄΅RCPͷ
 γΣʔμʔͰ࡞ͬͨ RCPࣗମ͸۶ંΛ αϙʔτͯ͠ͳ͍ͷ ͰɺͦΕΛܭࢉͯ͠ ΍Δͱ͍͏͜ͱ
9. Cubeஔ͍ͯಁ໌ʹͯ͠൓ࣹͤ͞Δ CubeͰϚςϦΞϧઃ ఆ͢Δ σϑΥϧτ஋Λগ͠ ม͑ͯಁ໌ͽ͔ͽ͔ ʹ͢Δ RoughnessԼ͛(0~0.2) OpacityԼ͛(0~0.1) ۶ં཰͸ͦͷ··1.5
10. ը૾Λ֤໘ʹඳ͘ ͳʹ΋ܨ͙લʹTypeΛ(color4f)ʹ͠ ͯɺOutʹSeparate 4ܨ͍ͰRGBAͷ AΛOpacityʹɺͦΕҎ֎ΛDi ff use Colorʹܨ͙ ը૾Drag&Drop ※RCPͰ͸ͳʹ͔ܨ͙ͱType͕ܾఆ͠ ͯݻఆ͞ΕΔ͜ͱ͕͋ΔͷͰɺࣦഊ ͨ͠Β΍Γͳ͓͢
11. Ͳ͏ͯ͠ը૾͕֤໘ʹඳը͞ΕΔͷ͔? RCPͰ࡞ͬͨCubeͷ໘ʹUVϚοϓ͕͋Δ ͦΕͱೖྗը૾ͷҐஔ͕Ұக͢Δ
12. ബ͘ॖΊΔ ൘ͬΆ͘ബ͘ॖΊͯΈͯ΋ɺ୯ʹॖΜͰදࣔ͞ΕΔͷͰɺίϨ͡Όͳ͍ײ ଆ໘͔Β΋
 ۶ંͯ͠
 ֆ͕ݟ͑Δ
13. UVνΣοΧʔͰࢼߦࡨޡ͢Δ ຊ෺ͷΠϥετͩͱ໨Ͱ֬ೝͮ͠Β͍ͷͰɺਓ޻తͳը૾Ͱࢼ͢ https://uvchecker.vinzi.xyz/ Ͱ࡞੒ SwitchΛڬΜͰ͓͘ ͱɺܨ͗ସ͑ͳͯ͘΋ Whichͷ஋Ͱબ΂Δ
14. ۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) ଆ໘͸௵ΕΔͷͰ͸ͳ͘ɾɾɾ ͔͋ͨ΋Ԟ໘ʹಁա͍ͯ͠ΔΑ͏ ʹͳͬͯ΄͍͠
15. ۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) Ԟ໘ʹಁա͍ͯ͠Δͱ͖ͷUV͸͜͏ݟ͑Δ͸ͣ
16. ۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) खલ໘ ্ଆ໘ ӈଆ໘ UVΛܭࢉͯ͠
 ʮUV͕͜ͷܗͩͬͨʯ͜ͱʹ͢Δ
17. ۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) (ӈଆ໘ͷ)Position ࢹઢͷϕΫτϧ͕
 Ԟ໘ͷฏ໘ͱަࠩ͢ΔXY࠲ඪ …ΛUV (Texture Coordinates)ʹೖΕΔ Y X AddressMode͸σϑΥϧτແݶϦϐʔτͳͷͰɺ constantͰ1ը૾ͿΜ͚ͩඳ͘ ͍͍ײ͡ʹϕΫτϧܭࢉ
18. ۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) Y X Αͦ͞͏ʂ
19. ۶ં཰1.5Ͱ۶ંͤ͞Δ ΞΫϦϧͷ۶ં཰͸~1.5͘Β͍ ۶ં͢ΔͱճΓ͜ΉΑ͏ʹΈ͑Δ͸ͣ Y X
20. ۶ં཰1.5Ͱ۶ંͤ͞Δ ΞΫϦϧͷ۶ં཰͸~1.5͘Β͍ Y X ӈଆ໘Λ্͔Βݟͨਤ θ2 θ1
21. ۶ં཰1.5Ͱ۶ંͤ͞Δ ࡐྉΛूΊͯϕΫτϧܭࢉ͢Δ ӈଆ໘Λ্͔Βݟͨਤ θ2 θ1 ໘ͷ޲͖ (๏ઢɾNormal) (໘্ͷ)ඳ͜͏ͱ͍ͯ͠Δ఺ͷҐஔ ࢹઢͷ޲͖ ͜ͷϕΫτϧ͕෼͔Ε͹ɺ
 ৳͹ͯ͠Ԟ໘ͱͿ͚ͭΕ͹Α͍ (εωϧͷ๏ଇ)
 sinθ1 / sinθ2 = 1 / 1.5
22. ۶ં཰1.5Ͱ۶ંͤ͞Δ ۶ંͷϕΫτϧܭࢉ͚ͩ͸RealityKitͷϊʔυͰग़དྷΔ ӈଆ໘Λ্͔Βݟͨਤ θ2 eta = -1 / ior ࢹઢͷ޲͖ (εωϧͷ๏ଇ)
 sinθ1 / sinθ2 = 1 / 1.5 ͜ͷϕΫτϧ͕෼͔Ε͹ɺ
 ৳͹ͯ͠Ԟ໘ͱͿ͚ͭΕ͹Α͍ ۶ં཰ ior = 1.5 ͱ͢Δ ໘ͷ޲͖ RefractͰܭࢉͰ͖Δ
23. ۶ં཰1.5Ͱ۶ંͤ͞Δ tഒͯ͠Ԟ໘ʹͿ͚ͭΔ (͜͜͸۶ં཰1ͷͱ͖΋ಉ͡) ӈଆ໘Λ্͔Βݟͨਤ ͜ΕΛPositionͱ଍ͨ͠ண஍఺ͷXY͕ٻΊΔUV ํ޲͸෼͔ͬͨͷͰڑ཭(tഒ) ग़͔͚ͯ͠Δ Ԟ໘ͷ๏ઢ͸खલ ಺ੵͱ಺ੵΛׂͬͨΒ෼͔ΔΒ͍͠
24. ·ͱΊͯ׬੒ʂ Ͳͷ໘Ͱ΋ಉ͡ܭࢉ Ԟ໘͕ϋʔυίʔυͳͷͰɺαΠζ΍ްΈͳͲ͸ΞϓϦ͔Β SwiftͰ৮ΕΔΑ͏ʹύϥϝʔλʔʹ͓ͯ͘͠ͱ࣮༻త Y X
25. ·ͱΊͯ׬੒ʂ ໘ͷܗʹґଘ͍ͯ͠ͳ͍ͷͰɺଆ໘ΛΧοτͯ͠΋ͦΕͬΆ͘ಈ͖·͢
26. • ඒ͍͠ΞΫϦϧελϯυΛͭ͘ΕΔͱָ͍͠ • Reality Composer ProͰ۶ંඳըࣗମ͸Ͱ͖ͳ͍͕… • γΣʔμʔΛ͖ͪΜͱ࡞Ε͹ɺͦΕͬΆ͍۶ંදݱ͸࣮ݱՄೳ • ΞϓϦ·Δ͝ͱιʔείʔυ͸ https://github.com/banjun/AcrylStand • ͥͻ࣮ػͰΈͯ΄͍͠ → ͓ΘΓʹ AcrylStand TestFlight https://test fl ight.apple.com/join/gS2MBsX5
27. 🍓 ͓͠·͍