БійСередній

Combo Popup

Ударний напис на екрані, що святкує комбо, серію чи досягнення.

combatuijuicefeedback

Приклади

Записано з інтерактивного демо нижче на цій сторінці.

Огляд

Комбо-попап — короткий високоенергійний сплеск UI (текст на кшталт «×5 COMBO» чи «PERFECT!»), який вистрибує на екран із перебільшеним входом через масштаб/оберт, коротко тримається і зникає.

Це працює, бо перетворює абстрактний лічильник (число комбо росте) на момент, вартий уваги — майстерність гравця відкрито святкується, а не просто підраховується.

Це один із найпряміших «ефектів нагороди» в усій бібліотеці: він існує суто щоб гравцю стало приємно від щойно зробленого, тому й тяжіє до перебільшення сильніше за майже все інше тут.

Інтерактивне демо

клацайте Hit — нарощуйте комбо

Масштаб панчу1.4

Оберт8°

Де застосовується

Ланцюжки влучань в екшен-боюКаскади в match-3Серії трюків у раннерахСтріки очок у гіперказуальних іграх

Найкращі практики

Варто

✓Найбільшу версію бережіть для справді значущих досягнень — не кожен тік комбо вартий повноекранного тексту.
✓Поєднуйте масштаб, легкий оберт і швидкий ease-out із осіданням — це найефектніший вхід.
✓Додайте відповідний звуковий стінг — без аудіо цей ефект непропорційно слабший.

Не варто

✕Не перекривайте критичний для геймплею UI чи ігрову зону, поки попап на екрані.
✕Не використовуйте той самий попап для кардинально різних досягнень (комбо ×3 і повне зачищення рівня) — масштабуйте подачу під досягнення.
✕Не дозволяйте попапам ставати в чергу і нагромаджуватись від швидких тригерів — об'єднуйте або відкидайте, не нагромаджуйте.

Поширені помилки

⚠Анімується позиція/масштаб, але забуті оберт і колір — виходить пласко порівняно з референсами.
⚠Лінійний ізінг на вході — цьому ефекту потрібен саме овершут (див. Elastic/Overshoot).
⚠Тригер від лічильника, що може зменшуватись, — попап спрацьовує і на спуску.

Реалізація

Встав це у свого ШІ-асистента (Cursor, Copilot, Claude), щоб додати ефект у проєкт.

Промт

Додай у мій проєкт ефект "Combo Popup": Ударний напис на екрані, що святкує комбо, серію чи досягнення.

Як це працює: Комбо-попап — короткий високоенергійний сплеск UI (текст на кшталт «×5 COMBO» чи «PERFECT!»), який вистрибує на екран із перебільшеним входом через масштаб/оберт, коротко тримається і зникає.

Рекомендації:
- Найбільшу версію бережіть для справді значущих досягнень — не кожен тік комбо вартий повноекранного тексту.
- Поєднуйте масштаб, легкий оберт і швидкий ease-out із осіданням — це найефектніший вхід.
- Додайте відповідний звуковий стінг — без аудіо цей ефект непропорційно слабший.

Чого уникати:
- Не перекривайте критичний для геймплею UI чи ігрову зону, поки попап на екрані.
- Не використовуйте той самий попап для кардинально різних досягнень (комбо ×3 і повне зачищення рівня) — масштабуйте подачу під досягнення.
- Не дозволяйте попапам ставати в чергу і нагромаджуватись від швидких тригерів — об'єднуйте або відкидайте, не нагромаджуйте.

Реалізуй ефект у тому рушії/стеку, який уже використовується в проєкті, і дотримуйся наявного стилю коду. Підключи його там, де це доречно.