БійПочатковий

Floating Numbers

Цифри урону/лікування, що спливають від точки удару.

combatuifeedbackjuice

Приклади

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

Огляд

Спливаючі цифри створюють короткоживучий текст (зазвичай величину урону чи лікування) в точці влучання; він піднімається, часто коротко масштабується і згасає за частку секунди.

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

Поза інформацією, рух і оформлення несуть емоцію: велика яскрава пружна цифра критичного удару відчувається як нагорода; маленька тьмяна за дотичний удар — доречно скромно.

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

Висота підйому60px

Тривалість800ms

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

БійRPGIdleMatch-3

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

Варто

✓Варіюйте розмір/колір за величиною або типом (крит, лікування, звичайний), щоб цифри читались з одного погляду.
✓Трохи зміщуйте точку спавну кожного екземпляра, щоб одночасні удари не складались у нечитабельну купу.
✓Тримайте загальний час життя коротким (до секунди), щоб не захаращувати насичений бойовий екран.

Не варто

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

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

⚠Інстанціювати повний UI-префаб на кожну цифру без пулінгу — GC-спайки в гарячому бою.
⚠Рендерити цифри в screen space без урахування руху камери — вони дивно дрейфують відносно світу.
⚠Шрифт/жирність затонкі, щоб читатися на строкатому тлі.

Реалізація

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

Промт

Додай у мій проєкт ефект "Floating Numbers": Цифри урону/лікування, що спливають від точки удару.

Як це працює: Спливаючі цифри створюють короткоживучий текст (зазвичай величину урону чи лікування) в точці влучання; він піднімається, часто коротко масштабується і згасає за частку секунди.

Рекомендації:
- Варіюйте розмір/колір за величиною або типом (крит, лікування, звичайний), щоб цифри читались з одного погляду.
- Трохи зміщуйте точку спавну кожного екземпляра, щоб одночасні удари не складались у нечитабельну купу.
- Тримайте загальний час життя коротким (до секунди), щоб не захаращувати насичений бойовий екран.

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

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