π Π’Π²ΠΈΠ½Ρ ΠΈ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Ρ 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.
ΠΡΠ»ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΡΠΈΡΠΈΡΠ΅ΡΠΊΠΈ Π²Π°ΠΆΠ½ΡΠΌ, ΡΠΎ Π΅ΡΡΡ ΠΈ ΠΊΡΠ°ΠΉΠ½Π΅ Π»Π΅Π³ΠΊΠΎΠ²Π΅ΡΠ½ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΌΠ΅ΡΠ°ΡΡΡΡ Π² ΠΎΠ΄ΠΈΠ½ ΡΠ°ΠΉΠ». ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ TinyTween.
ββββββββββββ