LT版クリエーターとUnityエンジニアの狭間でUIアニメーションを設計する3つのTips/yokohama-unity4

by オオバ@Unityエンジニア

Slide 1

Slide 1 text

-5൛ΫϦΤʔλʔͱ 6OJUZΤϯδχΞͷڱؒͰ 6*ΞχϝʔγϣϯΛ ઃܭ͢Δͭͷ5JQT ZPLPIBNBVOJUZdΦϯϥΠϯ%&ϢϧΫϠοςϧ ͑ͬ$ʜ࣮࣭ճ໨ d େఉढ़հ

Slide 2

Slide 2 text

ࣗݾ঺հ େఉढ़հ!PICBTIVOTVLF CMPHौ୩΄ͱͱ͗͢௨৴ͷӡӦ σβΠφʔ 'MBTIΤϯδχΞ 6OJUZΤϯδχΞ ˙ݱࡏͷओͳۀ຿ ݱࡏ͸6OJUZͰεϚϗήʔϜͷΫϥΠΞϯτ։ൃશൠ σβΠφʔɾاըɾΤϯδχΞؒͷௐ੔΍ϫʔΫϑϩʔ੔උɺ69ͷ࣮૷ ೥Ҏ্69෦෼ʹؔΘΔ࢓ࣄΛ͍ͯ͠·͢ ৽ن։ൃήʔϜͷ্ཱͪ͛ʹؔΘΔ͜ͱ͕ଟ͍Ͱ͢

Slide 3

Slide 3 text

ʲλʔήοτʳ 6*ΞχϝʔγϣϯͷઃܭΛ ͋·Γ΍ͬͨࣄ͕ͳ͍ਓ޲͚

Slide 4

Slide 4 text

ʲࠓ೔࿩͢͜ͱʳ 6*Ξχϝʔγϣϯͷٕज़બఆ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ

Slide 5

Slide 5 text

ʲࠓ೔࿩͢͜ͱʳ 6*Ξχϝʔγϣϯͷٕज़બఆ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ

Slide 6

Slide 6 text

6OJUZͰ6*ΞχϝʔγϣϯΛ ࣮૷͢Δͱ͖ͷखஈͱ͸ʁ

Slide 7

Slide 7 text

ɾεΫϦϓτ ɾ"OJNBUJPO$MJQ ɾ4QJOF ɾͦͷଞʁ

Slide 8

Slide 8 text

બఆج४͸ʁ

Slide 9

Slide 9 text

ͦͷ6*Ξχϝʔγϣϯ͸ ʮ࠶ར༻͢Δ͔Ͳ͏͔ʁʯ

Slide 10

Slide 10 text

࠶ར༻͢Δ6*Ξχϝʔγϣϯ ϘλϯͷΠϯλϥΫγϣϯ ϦετͷεΫϩʔϧ ը໘ͷτϥϯδγϣϯ μΠΞϩάͷ։ด ςΩετ ήʔδ ͳͲͳͲ ൚༻ੑ͕ߴ͍

Slide 11

Slide 11 text

࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ 01Ξχϝʔγϣϯ Ψνϟԋग़ ΩϟϥϨϕϧΞοϓԋग़ εΩϧڧԽԋग़ ͳͲͳͲ ͍ΘΏΔҰ఺෺

Slide 12

Slide 12 text

࠶ར༻͢Δ6*Ξχϝʔγϣϯ͸ εΫϦϓτͰͷ࣮૷

Slide 13

Slide 13 text

࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ ಛʹܾΊͯͳ͍

Slide 14

Slide 14 text

ɾεΫϦϓτ ࠶ར༻͢Δ΋ͷ ࠶ར༻͠ͳ͍΋ͷ ɾ"OJNBUJPO$MJQ ɾ4QJOF ɾ εΫϦϓτ ɾͦͷଞ 6*Ξχϝʔγϣϯબఆٕज़·ͱΊ ˞࠾༻ٕज़ͷཧ༝ʹ͍ͭͯ͸ޙड़

Slide 15

Slide 15 text

ʲࠓ೔࿩͢͜ͱʳ 6*Ξχϝʔγϣϯͷٕज़બఆ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ

Slide 16

Slide 16 text

ͳͥεΫϦϓτΛ࠾༻͢Δͷ͔ʁ

Slide 17

Slide 17 text

मਖ਼ɾมߋʹڧ͘͢ΔͨΊ

Slide 18

Slide 18 text

ͳͥ"OJNBUJPO$MJQͰ͸ବ໨ͳͷ͔

Slide 19

Slide 19 text

"OJNBUJPO$MJQ͸࢓༷มߋʹऑ͍

Slide 20

Slide 20 text

ྫ #VUUPO" #VUUPO# #VUUPO$ "OJNBUJPO$MJQ

Slide 21

Slide 21 text

#VUUPO" #VUUPO# #VUUPO$ "OJNBUJPO$MJQ #VUUPO"ͷώΤϥϧΩʔߏ଄͕ ࢓༷มߋͰมΘͬͯ͠·ͬͨ৔߹

Slide 22

Slide 22 text

"OJNBUJPO$MJQ͸ώΤϥϧΩʔߏ଄΍ (BNF0CKFDU໊͕ શͯಉ͡Ͱͳ͍ͱಈ࡞͠ͳ͍

Slide 23

Slide 23 text

#VUUPO" #VUUPO# #VUUPO$ "OJNBUJPO$MJQ "OJNBUJPO$MJQ ৽ن ಈ͖͸ಉ͚ͩ͡ͲҟͳΔ "OJNBUJPO$MJQ͕࡞੒

Slide 24

Slide 24 text

"OJNBUJPO$MJQ ͷΞχϝʔγϣϯࣗମʹमਖ਼͕ೖͬͨΒʁ

Slide 25

Slide 25 text

"OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQͷमਖ਼࡞ۀൃੜ

Slide 26

Slide 26 text

ಉ͡Α͏ͳάϥϑΛੜ੒͢Δͷ͸೉қ౓ߴ͍ मਖ਼ɾ֬ೝ޻਺Ξοϓ

Slide 27

Slide 27 text

࠶ར༻͢Δ6*͸਺͕ଟ͍ #VUUPO" #VUUPO# #VUUPO$ #VUUPO% #VUUPO& #VUUPO'

Slide 28

Slide 28 text

։ൃதͷ࢓༷มߋ͸Α͋͘Δ ˞೥։ൃ͖ͯͯ͠࢓༷มߋ͕ͳ͔ͬͨϓϩδΣΫτ͸͋Γ·ͤΜͰͨ͠

Slide 29

Slide 29 text

࠶ར༻͢Δ6*Ξχϝʔγϣϯʹ "OJNBUJPO$MJQΛ࠾༻͍ͯ͠Δͱ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ/ ɾɾɾɾɾɾ ࢓༷มߋʹΑͬͯಉ͡Α͏ͳ"OJNBUJPO$MJQ͕ͲΜͲΜྔ࢈͞ΕΔ

Slide 30

Slide 30 text

࢓༷มߋͷ౓ʹ मਖ਼ɾ֬ೝ޻਺͕͔͞ΜͰ͍͘ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ/ ɾɾɾɾɾɾ "OJNBUJPO$MJQ

Slide 31

Slide 31 text

࠶ར༻͢Δ6*ʹ"OJNBUJPO$MJQΛ ࠾༻͍ͯ͠Δͱɺ େมͳ͜ͱ͕ى͖΍͍͢ʢܦݧஊ

Slide 32

Slide 32 text

ٯʹ

Slide 33

Slide 33 text

εΫϦϓτͰ࣮૷ͨ͠৔߹

Slide 34

Slide 34 text

εΫϦϓτ͸มߋʹڧ͍

Slide 35

Slide 35 text

ࢀর͸֎Εͳ͍ͨΊ ߏ଄͕มΘͬͯ΋ मਖ਼޻਺͕ൃੜͮ͠Β͍ ྫ

Slide 36

Slide 36 text

εΫϦϓτ͸ ώΤϥϧΩʔߏ଄ͷҧ͍Λٵऩ

Slide 37

Slide 37 text

Ҏ্ͷཧ༝͔Β ࠶ར༻͢Δ6*ʹ͸εΫϦϓτΛ࠾༻

Slide 38

Slide 38 text

·ͨɺ

Slide 39

Slide 39 text

࠶ར༻͢Δ6*Ξχϝʔγϣϯ͸ ʮॲཧΛ·ͱΊ͓ͯ͘ʯ ͱޮՌ͕େ͖͍

Slide 40

Slide 40 text

6*Ξχϝʔγϣϯ͸ ༷ʑͳ৔ॴͰෳ਺࣮૷͢ΔͨΊ ։ൃऀ͕࣮૷ʹ໎Θͳ͍ঢ়ଶʹ͓ͯ͘͠ ෳ਺ਓ։ൃͩͱͳ͓͞Β

Slide 41

Slide 41 text

ྫ Y্࣠ΛεϥΠυͯ͠දࣔ͢Δ6*

Slide 42

Slide 42 text

εϥΠυ͠ͳ͕Βදࣔ BXBJUUBSHFU%0-PDBM.PWF9 G 4FU&BTF &BTF0VU2VBSU ॲཧΛ·ͱΊ͍ͯͳ͍ྫ %05XFFOͷੜίʔυΛ֤ॴʹॻ͍ͯ͠·͏ͱɺ มߋ͕ೖͬͨͱ͖ʹશՕॴमਖ਼͢Δඞཁ͕͋Γमਖ਼ίετେ ·֤ͨॴʹݻ༗ͷύϥϝʔλΛઃఆ͢Δͷ΋ϛεʹܨ͕Γ·͢

Slide 43

Slide 43 text

εϥΠυ͠ͳ͕Βදࣔ Ϋϥεϝιου൛ BXBJU6*"OJNBUJPO4IPX4MJEF9 UBSHFU ֦ுϝιου൛ BXBJUUBSHFU4IPX4MJEF9 ॲཧΛ·ͱΊͨྫ ɾ࠷খݶͷύϥϝʔλΛ౉͢Α͏ʹϥοϓ ɾΫϥεϝιουɾ֦ுϝιουʹॲཧΛ·ͱΊͯѻ͍΍͘͢͢Δ ɾमਖ਼͕ೖͬͨΒҰՕॴमਖ਼͢Δ͚ͩͰશͯʹ൓өग़དྷΔͨΊमਖ਼ί ετ͸࠷খݶ

Slide 44

Slide 44 text

࠶ར༻͢Δ6*Ξχϝʔγϣϯͷ·ͱΊ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ͸਺͕ଟ͘ͳΔ มߋɾमਖ਼ʹ଱͑ΒΕΔΑ͏ʹ͢Δઃܭ͕େࣄ "OJNBUJPO$MJQ͸มߋʹऑ͍ͷͰɺεΫϦϓτͰͷ࣮૷Λ࠾༻

Slide 45

Slide 45 text

ʲࠓ೔࿩͢͜ͱʳ 6*Ξχϝʔγϣϯͷٕज़બఆ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ

Slide 46

Slide 46 text

࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯͷಛ௃ Ұ఺෺ͳͷͰ൚༻ੑΛແࢹͯ͠ൺֱత޷͖উखग़དྷΔ ࠶ར༻͠ͳ͍ͷͰɺͲͷٕज़Λ࠾༻ͯ͠΋Өڹൣғ͕ߜΕΔ ޷͖ͳٕज़Λ࠾༻Ͱ͖Δɺٕज़తνϟϨϯδΛ͢Δ͜ͱ΋Ͱ͖Δ 6OJUZʹ௕͚͍ͯΔΫϦΤʔλʔʹ͓೚ͤͯ͠࡞ۀ෼୲Ͱ͖Δ

Slide 47

Slide 47 text

࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯͷ஫ҙ఺ Ξχϝʔγϣϯ͕ϒϥοΫϘοΫεԽ͠΍͍͢ ϨϏϡʔ࣌ʹมߋϑΝΠϧ͚ͩݟͯ΋಺༰ΛཧղͰ͖ͳ͍ ಈը΍HJGΛϨϏϡʔ࣌ʹఴ෇ͯ͠΋Β͏ ೲ඼͞ΕͨΞχϝʔγϣϯσʔλ͕ࣄނΓ΍͍͢ ˞ޙड़

Slide 48

Slide 48 text

ʲࣄނΛ๷͙ͨΊʹʳ Ξχϝʔγϣϯσʔλͷ όϦσʔγϣϯΛݕ౼

Slide 49

Slide 49 text

ΞχϝʔγϣϯσʔλͷόϦσʔγϣϯྫ Ξχϝʔγϣϯͷ௕͞νΣοΫ ΞχϝʔγϣϯΠϕϯτͷνΣοΫ ݸ਺ɾ಺༰ͷνΣοΫΛؚΉ ࢀরNJTTJOHνΣοΫ ࢖༻͍ͯ͠ΔςΫενϟϑΥʔϚοτ΍γΣʔμͷνΣοΫ Ϗϧυ࣌΍(JUIVCʹQVTIͨ͠λΠϛϯάͰόϦσʔγϣϯ૸ΒͤΔͳͲ

Slide 50

Slide 50 text

࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯͷ·ͱΊ Ұ఺෺ͳͷͰൺֱతࣗ༝ʹ࡞੒Մೳ Өڹൣғ͕ߜΕΔͨΊɺٕज़తͳ௅ઓΛ͠΍͍͢ ΫϦΤʔλʔͱͷ෼ۀϙΠϯτ ࣄނΓ΍͍͢ͷͰόϦσʔγϣϯ

Slide 51

Slide 51 text

·ͱΊ

Slide 52

Slide 52 text

·ͱΊ 6*Ξχϝʔγϣϯͷٕज़બఆ͸ʮ࠶ར༻͢Δ͔Ͳ͏͔ʁʯ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ͸εΫϦϓτ΄΅Ұ୒ ΞχϝʔγϣϯΛద༻͠΍͘͢͢ΔͨΊʹॲཧΛ·ͱΊ͓ͯ͘ͱྑ͍ ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ͸νϟϨϯδϙΠϯτͰ͋Γɺ ·ͨόϦσʔγϣϯΛͯ͠ࣄނΛ๷͙

Slide 53

Slide 53 text

͓·͚ ൃੜ৚͕݅ෳࡶͳ6*Ξχϝʔγϣϯ͸σόοάϝχϡʔ͔Β γϣʔτΧοτΛ࡞͓ͬͯ͘ͱޮ཰͕େ෯ʹ্͕Δ ΠςϨʔγϣϯʹ΋࢖͑Δ͠ɺ4&Λൃ஫࣌ʹ΋࢖͑Δ ๻͸Α͘43%FCVHHFSͱ͍͏༗ྉΞηοτΛ࢖ͬͯσόοάϝχϡʔΛ։ൃ ˞43%FCVHHFS͸Φεεϝ υϧ͘Β͍Ͱ͢

Slide 54

Slide 54 text

6*Ξχϝʔγϣϯઃܭ͸ ϛεΔͱେมͳͷͰؾΛ͚ͭ·͠ΐ͏

Slide 55

Slide 55 text

͋Γ͕ͱ͏͍͟͝·ͨ͠ 5XJUUFS!PICBTIVOTVLF 6OJUZɾ6*69ɾήʔϜ։ൃʹ͍ͭͯͭͿ΍͍͍ͯ·͢ɻ Α͔ͬͨΒϑΥϩʔ͍ͯͩ͘͠͞

Slide 56

Slide 56 text

ࣗݾ঺հ 5XJUUFS!PICBTIVOTVLF (JUIVC!CBPCBP #MPHौ୩΄ͱͱ͗͢௨৴ IUUQTXXXTIJCVZBJOGP OPUF!PICBTIVOTVLF 2JJUB!PICBTIVOTVLF