🌟 Π’Π²ΠΈΠ½Ρ‹ ΠΈ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ DOTween 🌟

🌟 Π’Π²ΠΈΠ½Ρ‹ ΠΈ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ DOTween 🌟

Π£Ρ€ΠΎΠ²Π΅Π½ΡŒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°: 🐣 #junior

DOTween – ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых популярных инструмСнтов для Ρ‚Π²ΠΈΠ½ΠΎΠ² Π² Unity. Но Π½Π΅ СдинствСнный. РасскаТу, ΠΊΠ°ΠΊΠΈΠ΅ Π΅Ρ‰Ρ‘ Π΅ΡΡ‚ΡŒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹. ΠŸΠ΅Ρ€Π΅Π΄ этим β€” краткая справка ΠΏΡ€ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ это ΠΈ Π·Π°Ρ‡Π΅ΠΌ.

ΠŸΡ€ΠΎ Ρ‚Π²ΠΈΠ½Ρ‹

Π’Π²ΠΈΠ½Ρ‹ – это ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΉ способ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свойства ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Ρ‡Π΅Ρ€Π΅Π· ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΠΎΠ»ΡΡ†ΠΈΡŽ, Ρ‚.Π΅. ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ свойств со Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ ΠΎΡ‚ ΠΎΠ΄Π½ΠΈΡ… Π·Π°Π΄Π°Π½Π½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΏΠΎ Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ (ΠΎΠ½ΠΈ ΠΆΠ΅ - Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ плавности ΠΈΠ»ΠΈ Ease) (ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹).

Π’Π²ΠΈΠ½-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ (Ρ‚ΠΈΠΏΠ° DOTween) ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ большой Π±Π°Π³Π°ΠΆ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠΎΠΌΠ°Π½Π΄ для быстрой ΠΈ простой Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ‚Π°ΠΊΠΈΡ… Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ. Π’Π°ΠΊΠΆΠ΅ Ρ‚Π°ΠΊΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π²Ρ‹ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ· Π½ΠΈΡ… Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠΈ.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π²ΠΈΠ½Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ, Π³Π΄Π΅ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, Π½ΠΎ Ρ‡Π°Ρ‰Π΅ Ρ‚Π²ΠΈΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для UI. Π’Π°ΠΌ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ довольно ΠΎΠ΄Π½ΠΎΡ‚ΠΈΠΏΠ½Ρ‹Π΅ ΠΈ простыС.

  • Π’Π°ΠΊΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎ, Ρ‡Π΅ΠΌ Ρ‡Π΅Ρ€Π΅Π· Animator.
  • Animator β€” сам ΠΏΠΎ сСбС, Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ лСгковСсный инструмСнт.
  • Π£ Canvas Π΅ΡΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ особСнности Π² отрисовкС, ΠΈΠ·-Π·Π° Ρ‡Π΅Π³ΠΎ использованиС Animator Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ пСрСрисовкС всСго Canvas ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΊΠ°Π΄Ρ€, нСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, мСняСтся Π»ΠΈ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π° Canvas'Π΅ ΠΈΠ»ΠΈ Π½Π΅Ρ‚.

ΠŸΡ€ΠΎ DOTween

DOTween β€” самоС популярноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ с большим ΠΊΠΎΠΌΠΌΡŒΡŽΠ½ΠΈΡ‚ΠΈ ΠΈ ΠΊΡƒΡ‡Π΅ΠΉ ΡƒΡ‡Π΅Π±Π½Ρ‹Ρ… ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ². Но:

  • МСнСС ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅Π½ ΠΈ Π°Π»Π»ΠΎΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ большС памяти, Ρ‡Π΅ΠΌ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Ρ‹.
  • Π—Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ большС мСста Π² Π±ΠΈΠ»Π΄Π΅, Ρ‡Π΅ΠΌ Π°Π½Π°Π»ΠΎΠ³ΠΈ.
  • Π’ бСсплатной вСрсии доступСн Π½Π΅ вСсь Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»: Π½Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ для TextMeshPro, Π½Π΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΈ ряд ΠΌΠ΅Π½Π΅Π΅ Π·Π½Π°Ρ‡ΠΈΠΌΡ‹Ρ… ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠ².

Но для «но»:

  • Для Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° Ρ€Π°Π·Π½ΠΈΡ†Π° Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ критичСской.
  • Π Π°Π·ΠΌΠ΅Ρ€ Π²Π°ΠΆΠ΅Π½ Ρ€Π°Π·Π²Π΅ Ρ‡Ρ‚ΠΎ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.
  • Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π½Π΅ шибко Π½ΡƒΠΆΠ΅Π½, Π½ΠΎ ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ нСслоТно. А Π»ΡŽΠ±Ρ‹Π΅ Π΄ΠΎΠΏ. ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ самому Ρ‡Π΅Ρ€Π΅Π· ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ DOTween.To(...).

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ острой нСобходимости ΠΎΡ‚ DOTween ΠΎΡ‚ΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π½Π΅Ρ‚. Но Ссли Π΄ΡƒΡˆΠ° просит ΠΏΡ€ΠΈΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ «с особСнностями», Ρ‚ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π΅ΡΡ‚ΡŒ ΠΈΠ· Ρ‡Π΅Π³ΠΎ.

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹

Π˜Ρ… ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ. Π­Ρ‚ΠΎ Π½Π΅ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ – ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ свой собствСнный Ρ‚Π²ΠΈΠ½Π½Π΅Ρ€ Β«Π½Π° ΠΊΠΎΠ»Π΅Π½ΠΊΠ΅Β» Π½Π΅ Ρ‚Π°ΠΊ ΡƒΠΆ ΠΈ слоТно (Π²ΠΈΠ΄Π΅ΠΎ-ΠΏΡ€ΠΈΠΌΠ΅Ρ€). А Π²ΠΎΡ‚ эффСктивный ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ – ΡƒΠΆΠ΅ Π·Π°Π΄Π°Ρ‡ΠΊΠ°.

РаньшС пользовались ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒΡŽ LeanTween , iTween ΠΈ Unity Tween, Π½ΠΎ ΠΎΠ½ΠΈ ΡƒΠΆΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ устарСли.

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ Π°Π½Π°Π»ΠΎΠ³ΠΈ кичатся Π±ΠΎΠ»Π΅Π΅ эффСктивной Ρ€Π°Π±ΠΎΡ‚ΠΎΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒΡŽ, ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌΠΎΠΌ Π°Π»Π»ΠΎΠΊΠ°Ρ†ΠΈΠΉ, Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ΠΌ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… инструмСнтов настройки ΠΈ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ UniTask.

НаиболСС популярныС ΠΈΠ· Π½ΠΈΡ…: PrimeTween, MagicTween ΠΈ Π΅Π³ΠΎ наслСдник LitMotion.

PrimeTween β€” Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ самый ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ срСди ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². Из интСрСсных удобств: ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ AnimationCurve Π² качСствС Ease.

LitMotion β€” самый эффСктивный. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ с UniRx ΠΈ R3. Бинтаксис сильно отличаСтся ΠΎΡ‚ DOTween, Π½ΠΎ я Π½Π°Ρ…ΠΎΠΆΡƒ Π΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ Π»Π°ΠΊΠΎΠ½ΠΈΡ‡Π½Ρ‹ΠΌ ΠΈ простым.

Если Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ являСтся критичСски Π²Π°ΠΆΠ½Ρ‹ΠΌ, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΈ ΠΊΡ€Π°ΠΉΠ½Π΅ лСгковСсныС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π² ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ». НапримСр TinyTween.

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

8
2
10 ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π²