📖
Tweens: плавні анімації та ефекти
this.tweens.add, easing-функції, chain-анімації та Timeline
Що таке Tween
Tween — плавна зміна будь-якої числової властивості об'єкта (позиція, прозорість, масштаб, поворот) протягом часу. Це основа UI-анімацій, ефектів збирання предметів та переходів між сценами.
javascript
Easing-функції
Easing визначає «характер» анімації:
'Linear'— рівномірно'Power2'/'Quad'— прискорення на початку'Back'— злегка перелітає і повертається'Bounce'— відскакує як м'яч'Elastic'— пружинний ефект'Sine'— плавна синусоїда
javascript
Tweens — найпростіший спосіб зробити UI «живим». Пульсуюча кнопка, монети що злітають, плавна поява HUD — все це кілька рядків коду.