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

Slide 1

Slide 1 text

͹Μ͡ΎΜ🍓 / @banjun Reality Composer ProͷγΣʔμʔͰ ΞΫϦϧελϯυͷ۶ંදݱΛͭ͘Δ 2024-10-23 visionOSษڧձ #7  @ Apple Japan

Slide 2

Slide 2 text

AppleωΠςΟϒͷٕज़Λ΍Γ͚ͭͮͯ2x೥ ࠷ۙ͸͓࢓ࣄͰ΋झຯͰ΋visionOSΞϓϦ ޷͖: ΞΠϚεɾϐΞϊɾ͓ֆඳ͖ɾ͍ͪ͝ Apple Vision Pro ࠲ஊձͬͯνϟϯωϧ΍ͬͯ·͢ youtube.com/@avpjp

Slide 3

Slide 3 text

ࠓ೔ͷ͓࿩ • ඒ͍͠ΞΫϦϧελϯυΛͭ͘ΔΞϓϦ • ΞϓϦͷಈը&εΫγϣΛΈΔ • ࣮෺ͷ؍࡯ͯ͠ΈΔ • Reality Composer ProͰදݱΛ࡞Δํ๏ • γΣʔμʔͷϊʔυͷͭͳ͔͗ͨ • ΞϓϦ͸TestFlight ͋Γ·͢ → AcrylStand TestFlight https://test fl ight.apple.com/join/gS2MBsX5

Slide 4

Slide 4 text

https://www.youtube.com/watch?v=2v529J1ZtNY https://www.youtube.com/watch?v=2v529J1ZtNY AcrylStand TestFlight https://test fl ight.apple.com/join/gS2MBsX5

Slide 5

Slide 5 text

AcrylStand TestFlight https://test fl ight.apple.com/join/gS2MBsX5

Slide 6

Slide 6 text

ΞΫελͱ͸? (࣮෺Λ؍࡯͢Δ) • ΞΫϦϧͰग़དྷ͍ͯΔɺ͍ΘΏΔਪ͠׆άοζ • Ұຕͷֆ͕ಁ໌ͳΞΫϦϧʹೖ͍ͬͯΔ

Slide 7

Slide 7 text

ΞΫελͱ͸? (࣮෺Λ͍ΖΜͳ֯౓Ͱ؍࡯͢Δ) ͓΋ͯͷ໘  ͔Θ͍͍ ཪ໘͸നΊ ଆ໘͔Β΋  ۶ંͯ͠  ֆ͕ݟ͑Δ

Slide 8

Slide 8 text

Reality Composer ProͷγΣʔμʔͰͭ͘Ζ͏ (׬੒ܗ)    ΄΅RCPͷ  γΣʔμʔͰ࡞ͬͨ RCPࣗମ͸۶ંΛ αϙʔτͯ͠ͳ͍ͷ ͰɺͦΕΛܭࢉͯ͠ ΍Δͱ͍͏͜ͱ

Slide 9

Slide 9 text

Cubeஔ͍ͯಁ໌ʹͯ͠൓ࣹͤ͞Δ CubeͰϚςϦΞϧઃ ఆ͢Δ σϑΥϧτ஋Λগ͠ ม͑ͯಁ໌ͽ͔ͽ͔ ʹ͢Δ RoughnessԼ͛(0~0.2) OpacityԼ͛(0~0.1) ۶ં཰͸ͦͷ··1.5

Slide 10

Slide 10 text

ը૾Λ֤໘ʹඳ͘ ͳʹ΋ܨ͙લʹTypeΛ(color4f)ʹ͠ ͯɺOutʹSeparate 4ܨ͍ͰRGBAͷ AΛOpacityʹɺͦΕҎ֎ΛDi ff use Colorʹܨ͙ ը૾Drag&Drop ※RCPͰ͸ͳʹ͔ܨ͙ͱType͕ܾఆ͠ ͯݻఆ͞ΕΔ͜ͱ͕͋ΔͷͰɺࣦഊ ͨ͠Β΍Γͳ͓͢

Slide 11

Slide 11 text

Ͳ͏ͯ͠ը૾͕֤໘ʹඳը͞ΕΔͷ͔? RCPͰ࡞ͬͨCubeͷ໘ʹUVϚοϓ͕͋Δ ͦΕͱೖྗը૾ͷҐஔ͕Ұக͢Δ

Slide 12

Slide 12 text

ബ͘ॖΊΔ ൘ͬΆ͘ബ͘ॖΊͯΈͯ΋ɺ୯ʹॖΜͰදࣔ͞ΕΔͷͰɺίϨ͡Όͳ͍ײ ଆ໘͔Β΋  ۶ંͯ͠  ֆ͕ݟ͑Δ

Slide 13

Slide 13 text

UVνΣοΧʔͰࢼߦࡨޡ͢Δ ຊ෺ͷΠϥετͩͱ໨Ͱ֬ೝͮ͠Β͍ͷͰɺਓ޻తͳը૾Ͱࢼ͢ https://uvchecker.vinzi.xyz/ Ͱ࡞੒ SwitchΛڬΜͰ͓͘ ͱɺܨ͗ସ͑ͳͯ͘΋ Whichͷ஋Ͱબ΂Δ

Slide 14

Slide 14 text

۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) ଆ໘͸௵ΕΔͷͰ͸ͳ͘ɾɾɾ ͔͋ͨ΋Ԟ໘ʹಁա͍ͯ͠ΔΑ͏ ʹͳͬͯ΄͍͠

Slide 15

Slide 15 text

۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) Ԟ໘ʹಁա͍ͯ͠Δͱ͖ͷUV͸͜͏ݟ͑Δ͸ͣ

Slide 16

Slide 16 text

۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) खલ໘ ্ଆ໘ ӈଆ໘ UVΛܭࢉͯ͠  ʮUV͕͜ͷܗͩͬͨʯ͜ͱʹ͢Δ

Slide 17

Slide 17 text

۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) (ӈଆ໘ͷ)Position ࢹઢͷϕΫτϧ͕  Ԟ໘ͷฏ໘ͱަࠩ͢ΔXY࠲ඪ …ΛUV (Texture Coordinates)ʹೖΕΔ Y X AddressMode͸σϑΥϧτແݶϦϐʔτͳͷͰɺ constantͰ1ը૾ͿΜ͚ͩඳ͘ ͍͍ײ͡ʹϕΫτϧܭࢉ

Slide 18

Slide 18 text

۶ં͠ͳ͍Ԟ໘ಁա (۶ં཰=1) Y X Αͦ͞͏ʂ

Slide 19

Slide 19 text

۶ં཰1.5Ͱ۶ંͤ͞Δ ΞΫϦϧͷ۶ં཰͸~1.5͘Β͍ ۶ં͢ΔͱճΓ͜ΉΑ͏ʹΈ͑Δ͸ͣ Y X

Slide 20

Slide 20 text

۶ં཰1.5Ͱ۶ંͤ͞Δ ΞΫϦϧͷ۶ં཰͸~1.5͘Β͍ Y X ӈଆ໘Λ্͔Βݟͨਤ θ2 θ1

Slide 21

Slide 21 text

۶ં཰1.5Ͱ۶ંͤ͞Δ ࡐྉΛूΊͯϕΫτϧܭࢉ͢Δ ӈଆ໘Λ্͔Βݟͨਤ θ2 θ1 ໘ͷ޲͖ (๏ઢɾNormal) (໘্ͷ)ඳ͜͏ͱ͍ͯ͠Δ఺ͷҐஔ ࢹઢͷ޲͖ ͜ͷϕΫτϧ͕෼͔Ε͹ɺ  ৳͹ͯ͠Ԟ໘ͱͿ͚ͭΕ͹Α͍ (εωϧͷ๏ଇ)  sinθ1 / sinθ2 = 1 / 1.5

Slide 22

Slide 22 text

۶ં཰1.5Ͱ۶ંͤ͞Δ ۶ંͷϕΫτϧܭࢉ͚ͩ͸RealityKitͷϊʔυͰग़དྷΔ ӈଆ໘Λ্͔Βݟͨਤ θ2 eta = -1 / ior ࢹઢͷ޲͖ (εωϧͷ๏ଇ)  sinθ1 / sinθ2 = 1 / 1.5 ͜ͷϕΫτϧ͕෼͔Ε͹ɺ  ৳͹ͯ͠Ԟ໘ͱͿ͚ͭΕ͹Α͍ ۶ં཰ ior = 1.5 ͱ͢Δ ໘ͷ޲͖ RefractͰܭࢉͰ͖Δ

Slide 23

Slide 23 text

۶ં཰1.5Ͱ۶ંͤ͞Δ tഒͯ͠Ԟ໘ʹͿ͚ͭΔ (͜͜͸۶ં཰1ͷͱ͖΋ಉ͡) ӈଆ໘Λ্͔Βݟͨਤ ͜ΕΛPositionͱ଍ͨ͠ண஍఺ͷXY͕ٻΊΔUV ํ޲͸෼͔ͬͨͷͰڑ཭(tഒ) ग़͔͚ͯ͠Δ Ԟ໘ͷ๏ઢ͸खલ ಺ੵͱ಺ੵΛׂͬͨΒ෼͔ΔΒ͍͠

Slide 24

Slide 24 text

·ͱΊͯ׬੒ʂ Ͳͷ໘Ͱ΋ಉ͡ܭࢉ Ԟ໘͕ϋʔυίʔυͳͷͰɺαΠζ΍ްΈͳͲ͸ΞϓϦ͔Β SwiftͰ৮ΕΔΑ͏ʹύϥϝʔλʔʹ͓ͯ͘͠ͱ࣮༻త Y X

Slide 25

Slide 25 text

·ͱΊͯ׬੒ʂ ໘ͷܗʹґଘ͍ͯ͠ͳ͍ͷͰɺଆ໘ΛΧοτͯ͠΋ͦΕͬΆ͘ಈ͖·͢

Slide 26

Slide 26 text

• ඒ͍͠ΞΫϦϧελϯυΛͭ͘ΕΔͱָ͍͠ • Reality Composer ProͰ۶ંඳըࣗମ͸Ͱ͖ͳ͍͕… • γΣʔμʔΛ͖ͪΜͱ࡞Ε͹ɺͦΕͬΆ͍۶ંදݱ͸࣮ݱՄೳ • ΞϓϦ·Δ͝ͱιʔείʔυ͸ https://github.com/banjun/AcrylStand • ͥͻ࣮ػͰΈͯ΄͍͠ → ͓ΘΓʹ AcrylStand TestFlight https://test fl ight.apple.com/join/gS2MBsX5

Slide 27

Slide 27 text

🍓 ͓͠·͍