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

yokohama.unity ~オンラインDEユルクヤッテル #4++ (えっC#…実質5回目)~
LT枠で登壇してきました。

# Twitterやってます
Unity・UI/UX・ゲーム開発についてつぶやいています
https://twitter.com/ohbashunsuke

Transcript

1. -5൛ΫϦΤʔλʔͱ 6OJUZΤϯδχΞͷڱؒͰ 6*ΞχϝʔγϣϯΛ ઃܭ͢Δͭͷ5JQT ZPLPIBNBVOJUZ
   dΦϯϥΠϯ%&ϢϧΫϠοςϧ 
   ͑ͬ$ʜ࣮࣭ճ໨ d 
   େఉढ़հ
2. ࣗݾ঺հ େఉढ़հ!PICBTIVOTVLF  CMPH
   ौ୩΄ͱͱ͗͢௨৴ͷӡӦ σβΠφʔ 
   'MBTIΤϯδχΞ 
   6OJUZΤϯδχΞ ˙ݱࡏͷओͳۀ຿  ݱࡏ͸6OJUZͰεϚϗήʔϜͷΫϥΠΞϯτ։ൃશൠ  σβΠφʔɾاըɾΤϯδχΞؒͷௐ੔΍ϫʔΫϑϩʔ੔උɺ69ͷ࣮૷ ೥Ҏ্69෦෼ʹؔΘΔ࢓ࣄΛ͍ͯ͠·͢ ৽ن։ൃήʔϜͷ্ཱͪ͛ʹؔΘΔ͜ͱ͕ଟ͍Ͱ͢ 
3. ʲλʔήοτʳ 6*ΞχϝʔγϣϯͷઃܭΛ ͋·Γ΍ͬͨࣄ͕ͳ͍ਓ޲͚ 
4. ʲࠓ೔࿩͢͜ͱʳ 6*Ξχϝʔγϣϯͷٕज़બఆ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ 
5. ʲࠓ೔࿩͢͜ͱʳ 6*Ξχϝʔγϣϯͷٕज़બఆ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ 
6. 6OJUZͰ6*ΞχϝʔγϣϯΛ ࣮૷͢Δͱ͖ͷखஈͱ͸ʁ 
7. ɾεΫϦϓτ ɾ"OJNBUJPO$MJQ ɾ4QJOF ɾͦͷଞʁ 
8. બఆج४͸ʁ 
9. ͦͷ6*Ξχϝʔγϣϯ͸ ʮ࠶ར༻͢Δ͔Ͳ͏͔ʁʯ 
10.  ࠶ར༻͢Δ6*Ξχϝʔγϣϯ  ϘλϯͷΠϯλϥΫγϣϯ  ϦετͷεΫϩʔϧ  ը໘ͷτϥϯδγϣϯ  μΠΞϩάͷ։ด  ςΩετ  ήʔδ ͳͲͳͲ ൚༻ੑ͕ߴ͍
11.  ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ  01Ξχϝʔγϣϯ  Ψνϟԋग़  ΩϟϥϨϕϧΞοϓԋग़  εΩϧڧԽԋग़ ͳͲͳͲ ͍ΘΏΔҰ఺෺
12.  ࠶ར༻͢Δ6*Ξχϝʔγϣϯ͸ εΫϦϓτͰͷ࣮૷
13.  ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ ಛʹܾΊͯͳ͍
14.  ɾεΫϦϓτ ࠶ར༻͢Δ΋ͷ ࠶ར༻͠ͳ͍΋ͷ ɾ"OJNBUJPO$MJQ ɾ4QJOF ɾ εΫϦϓτ ɾͦͷଞ 6*Ξχϝʔγϣϯબఆٕज़·ͱΊ ˞࠾༻ٕज़ͷཧ༝ʹ͍ͭͯ͸ޙड़
15. ʲࠓ೔࿩͢͜ͱʳ 6*Ξχϝʔγϣϯͷٕज़બఆ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ 
16. ͳͥεΫϦϓτΛ࠾༻͢Δͷ͔ʁ 
17.  मਖ਼ɾมߋʹڧ͘͢ΔͨΊ
18.  ͳͥ"OJNBUJPO$MJQͰ͸ବ໨ͳͷ͔
19. "OJNBUJPO$MJQ͸࢓༷มߋʹऑ͍ 
20. ྫ  #VUUPO
    " #VUUPO
    # #VUUPO
    $ "OJNBUJPO$MJQ
21.  #VUUPO
    " #VUUPO
    # #VUUPO
    $ "OJNBUJPO$MJQ #VUUPO
    "ͷώΤϥϧΩʔߏ଄͕ ࢓༷มߋͰมΘͬͯ͠·ͬͨ৔߹
22. "OJNBUJPO$MJQ͸ώΤϥϧΩʔߏ଄΍ (BNF0CKFDU໊͕ શͯಉ͡Ͱͳ͍ͱಈ࡞͠ͳ͍
23.  #VUUPO
    " #VUUPO
    # #VUUPO
    $ "OJNBUJPO$MJQ "OJNBUJPO$MJQ ৽ن ಈ͖͸ಉ͚ͩ͡ͲҟͳΔ "OJNBUJPO$MJQ͕࡞੒
24.  "OJNBUJPO$MJQ ͷΞχϝʔγϣϯࣗମʹमਖ਼͕ೖͬͨΒʁ
25.  "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQͷमਖ਼࡞ۀൃੜ
26.  ಉ͡Α͏ͳάϥϑΛੜ੒͢Δͷ͸೉қ౓ߴ͍ मਖ਼ɾ֬ೝ޻਺Ξοϓ
27. ࠶ར༻͢Δ6*͸਺͕ଟ͍  #VUUPO
    " #VUUPO
    # #VUUPO
    $ #VUUPO
    % #VUUPO
    & #VUUPO
    '
28. ։ൃதͷ࢓༷มߋ͸Α͋͘Δ ˞೥։ൃ͖ͯͯ͠࢓༷มߋ͕ͳ͔ͬͨϓϩδΣΫτ͸͋Γ·ͤΜͰͨ͠ 
29. ࠶ར༻͢Δ6*Ξχϝʔγϣϯʹ "OJNBUJPO$MJQΛ࠾༻͍ͯ͠Δͱ  "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ/ ɾɾɾɾɾɾ ࢓༷มߋʹΑͬͯಉ͡Α͏ͳ"OJNBUJPO$MJQ͕ͲΜͲΜྔ࢈͞ΕΔ
30. ࢓༷มߋͷ౓ʹ मਖ਼ɾ֬ೝ޻਺͕͔͞ΜͰ͍͘  "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ "OJNBUJPO$MJQ/ ɾɾɾɾɾɾ "OJNBUJPO$MJQ
31. ࠶ར༻͢Δ6*ʹ"OJNBUJPO$MJQΛ ࠾༻͍ͯ͠Δͱɺ େมͳ͜ͱ͕ى͖΍͍͢ʢܦݧஊ 
32. ٯʹ 
33. εΫϦϓτͰ࣮૷ͨ͠৔߹ 
34. εΫϦϓτ͸มߋʹڧ͍ 
35.  ࢀর͸֎Εͳ͍ͨΊ ߏ଄͕มΘͬͯ΋ मਖ਼޻਺͕ൃੜͮ͠Β͍ ྫ
36. εΫϦϓτ͸ ώΤϥϧΩʔߏ଄ͷҧ͍Λٵऩ 
37. Ҏ্ͷཧ༝͔Β ࠶ར༻͢Δ6*ʹ͸εΫϦϓτΛ࠾༻ 
38. ·ͨɺ 
39. ࠶ར༻͢Δ6*Ξχϝʔγϣϯ͸ ʮॲཧΛ·ͱΊ͓ͯ͘ʯ ͱޮՌ͕େ͖͍ 
40. 6*Ξχϝʔγϣϯ͸ ༷ʑͳ৔ॴͰෳ਺࣮૷͢ΔͨΊ ։ൃऀ͕࣮૷ʹ໎Θͳ͍ঢ়ଶʹ͓ͯ͘͠ ෳ਺ਓ։ൃͩͱͳ͓͞Β 
41. ྫ Y্࣠ΛεϥΠυͯ͠දࣔ͢Δ6* 
42.  
    εϥΠυ͠ͳ͕Βදࣔ BXBJU
    UBSHFU%0-PDBM.PWF9 
    G 4FU&BTF &BTF0VU2VBSU  ॲཧΛ·ͱΊ͍ͯͳ͍ྫ %05XFFOͷੜίʔυΛ֤ॴʹॻ͍ͯ͠·͏ͱɺ มߋ͕ೖͬͨͱ͖ʹશՕॴमਖ਼͢Δඞཁ͕͋Γमਖ਼ίετେ ·֤ͨॴʹݻ༗ͷύϥϝʔλΛઃఆ͢Δͷ΋ϛεʹܨ͕Γ·͢
43.  
    εϥΠυ͠ͳ͕Βදࣔ Ϋϥεϝιου൛ BXBJU
    6*"OJNBUJPO4IPX4MJEF9 UBSHFU  
    ֦ுϝιου൛ BXBJU
    UBSHFU4IPX4MJEF9  ॲཧΛ·ͱΊͨྫ ɾ࠷খݶͷύϥϝʔλΛ౉͢Α͏ʹϥοϓ ɾΫϥεϝιουɾ֦ுϝιουʹॲཧΛ·ͱΊͯѻ͍΍͘͢͢Δ ɾमਖ਼͕ೖͬͨΒҰՕॴमਖ਼͢Δ͚ͩͰશͯʹ൓өग़དྷΔͨΊमਖ਼ί ετ͸࠷খݶ
44.  ࠶ར༻͢Δ6*Ξχϝʔγϣϯͷ·ͱΊ  ࠶ར༻͢Δ6*Ξχϝʔγϣϯ͸਺͕ଟ͘ͳΔ  มߋɾमਖ਼ʹ଱͑ΒΕΔΑ͏ʹ͢Δઃܭ͕େࣄ  "OJNBUJPO$MJQ͸มߋʹऑ͍ͷͰɺεΫϦϓτͰͷ࣮૷Λ࠾༻
45. ʲࠓ೔࿩͢͜ͱʳ 6*Ξχϝʔγϣϯͷٕज़બఆ ࠶ར༻͢Δ6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ։ൃͷϙΠϯτ 
46. ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯͷಛ௃  Ұ఺෺ͳͷͰ൚༻ੑΛແࢹͯ͠ൺֱత޷͖উखग़དྷΔ  ࠶ར༻͠ͳ͍ͷͰɺͲͷٕज़Λ࠾༻ͯ͠΋Өڹൣғ͕ߜΕΔ 
    ޷͖ͳٕज़Λ࠾༻Ͱ͖Δɺٕज़తνϟϨϯδΛ͢Δ͜ͱ΋Ͱ͖Δ  6OJUZʹ௕͚͍ͯΔΫϦΤʔλʔʹ͓೚ͤͯ͠࡞ۀ෼୲Ͱ͖Δ 
47. ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯͷ஫ҙ఺  Ξχϝʔγϣϯ͕ϒϥοΫϘοΫεԽ͠΍͍͢  ϨϏϡʔ࣌ʹมߋϑΝΠϧ͚ͩݟͯ΋಺༰ΛཧղͰ͖ͳ͍ ಈը΍HJGΛϨϏϡʔ࣌ʹఴ෇ͯ͠΋Β͏  ೲ඼͞ΕͨΞχϝʔγϣϯσʔλ͕ࣄނΓ΍͍͢ ˞ޙड़ 
48. ʲࣄނΛ๷͙ͨΊʹʳ Ξχϝʔγϣϯσʔλͷ όϦσʔγϣϯΛݕ౼ 
49. ΞχϝʔγϣϯσʔλͷόϦσʔγϣϯྫ  Ξχϝʔγϣϯͷ௕͞νΣοΫ  ΞχϝʔγϣϯΠϕϯτͷνΣοΫ ݸ਺ɾ಺༰ͷνΣοΫΛؚΉ  ࢀরNJTTJOHνΣοΫ  ࢖༻͍ͯ͠ΔςΫενϟϑΥʔϚοτ΍γΣʔμͷνΣοΫ Ϗϧυ࣌΍(JUIVCʹQVTIͨ͠λΠϛϯάͰόϦσʔγϣϯ૸ΒͤΔͳͲ 
50.  ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯͷ·ͱΊ  Ұ఺෺ͳͷͰൺֱతࣗ༝ʹ࡞੒Մೳ  Өڹൣғ͕ߜΕΔͨΊɺٕज़తͳ௅ઓΛ͠΍͍͢  ΫϦΤʔλʔͱͷ෼ۀϙΠϯτ  ࣄނΓ΍͍͢ͷͰόϦσʔγϣϯ
51. ·ͱΊ 
52. ·ͱΊ  6*Ξχϝʔγϣϯͷٕज़બఆ͸ʮ࠶ར༻͢Δ͔Ͳ͏͔ʁʯ  ࠶ར༻͢Δ6*Ξχϝʔγϣϯ͸εΫϦϓτ΄΅Ұ୒ ΞχϝʔγϣϯΛద༻͠΍͘͢͢ΔͨΊʹॲཧΛ·ͱΊ͓ͯ͘ͱྑ͍  ࠶ར༻͠ͳ͍6*Ξχϝʔγϣϯ͸νϟϨϯδϙΠϯτͰ͋Γɺ ·ͨόϦσʔγϣϯΛͯ͠ࣄނΛ๷͙ 
53. ͓·͚  ൃੜ৚͕݅ෳࡶͳ6*Ξχϝʔγϣϯ͸σόοάϝχϡʔ͔Β γϣʔτΧοτΛ࡞͓ͬͯ͘ͱޮ཰͕େ෯ʹ্͕Δ  ΠςϨʔγϣϯʹ΋࢖͑Δ͠ɺ4&Λൃ஫࣌ʹ΋࢖͑Δ  ๻͸Α͘43%FCVHHFSͱ͍͏༗ྉΞηοτΛ࢖ͬͯσόοάϝχϡʔΛ։ൃ ˞43%FCVHHFS͸Φεεϝ υϧ͘Β͍Ͱ͢ 
54. 6*Ξχϝʔγϣϯઃܭ͸ ϛεΔͱେมͳͷͰؾΛ͚ͭ·͠ΐ͏ 
55. ͋Γ͕ͱ͏͍͟͝·ͨ͠ 5XJUUFS!PICBTIVOTVLF 6OJUZɾ6*69ɾήʔϜ։ൃʹ͍ͭͯͭͿ΍͍͍ͯ·͢ɻ Α͔ͬͨΒϑΥϩʔ͍ͯͩ͘͠͞ 
56. ࣗݾ঺հ 5XJUUFS
    !PICBTIVOTVLF (JUIVC
    !CBPCBP #MPH
    ौ୩΄ͱͱ͗͢௨৴ IUUQTXXXTIJCVZBJOGP OPUF
    !PICBTIVOTVLF 2JJUB
    !PICBTIVOTVLF