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

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

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

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

9321a57bcb62d9d6fca07b5c5ca6f6d0?s=128

Shunsuke Ohba

October 09, 2020
Tweet

Transcript

  1. -5൛ΫϦΤʔλʔͱ 6OJUZΤϯδχΞͷڱؒͰ 6*ΞχϝʔγϣϯΛ ઃܭ͢Δͭͷ5JQT ZPLPIBNBVOJUZdΦϯϥΠϯ%&ϢϧΫϠοςϧ   ͑ͬ$ʜ࣮࣭ճ໨ 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.  εϥΠυ͠ͳ͕Βදࣔ BXBJUUBSHFU%0-PDBM.PWF9  G 4FU&BTF &BTF0VU2VBSU  ॲཧΛ·ͱΊ͍ͯͳ͍ྫ %05XFFOͷੜίʔυΛ֤ॴʹॻ͍ͯ͠·͏ͱɺ

    มߋ͕ೖͬͨͱ͖ʹશՕॴमਖ਼͢Δඞཁ͕͋Γमਖ਼ίετେ ·֤ͨॴʹݻ༗ͷύϥϝʔλΛઃఆ͢Δͷ΋ϛεʹܨ͕Γ·͢
  43.  εϥΠυ͠ͳ͕Βදࣔ Ϋϥεϝιου൛ BXBJU6*"OJNBUJPO4IPX4MJEF9 UBSHFU  ֦ுϝιου൛ BXBJUUBSHFU4IPX4MJEF9  ॲཧΛ·ͱΊͨྫ

    ɾ࠷খݶͷύϥϝʔλΛ౉͢Α͏ʹϥοϓ ɾΫϥεϝιουɾ֦ுϝιουʹॲཧΛ·ͱΊͯѻ͍΍͘͢͢Δ ɾमਖ਼͕ೖͬͨΒҰՕॴमਖ਼͢Δ͚ͩͰશͯʹ൓өग़དྷΔͨΊमਖ਼ί ετ͸࠷খݶ
  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