UIСередній

Low-Health Warning

Пульсуюча червона віньєтка й серцебиття на низькому HP — небезпека, яку відчуваєш раніше, ніж читаєш.

uihealthaudiofeedback

Приклади

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

Огляд

Попередження про низьке здоров'я переносить найважливіше число гри — «я зараз помру?» — зі смужки HP на весь екран гравця: червона віньєтка пульсує по краях, у звуці гупає серцебиття, музика може приглушитися. Гравець перестає дивитися на HUD саме тоді, коли найменше може собі це дозволити.

Пульс має дихати, а не блимати: ведіть віньєтку easing-ом туди й назад у ритмі серцебиття і масштабуйте та прискорюйте її залежно від того, наскільки здоров'я насправді низьке — 30% дає повільний тривожний пульс, 10% — нагальне гупання. Це відображення перетворює ефект на аналоговий індикатор.

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

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

♥

100%

press Hit until health drops below the threshold

Поріг попередження30%

Період пульсу800ms

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

ШутериSurvival horrorAction RPGРоглайки

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

Варто

✓Масштабуйте інтенсивність І темп від втраченого здоров'я — пульс сам стає читабельним індикатором.
✓Тримайте віньєтку по краях екрана з обмеженою непрозорістю; центр лишається чистим для бою.
✓Нашаровуйте відчуття: віньєтка для очей, серцебиття для вух, легка вібрація контролера для рук.

Не варто

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

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

⚠Попередження фіксованої сили, однакове на 29% і на 2% здоров'я, — інформаційний канал змарновано.
⚠Луп серцебиття грає далі в меню паузи та на екрані смерті, бо ніхто не зупиняє AudioSource.
⚠Червона віньєтка в грі, де ефекти шкоди теж червоні, — низьке здоров'я не відрізнити від отриманого удару.

Реалізація

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

Промт

Додай у мій проєкт ефект "Low-Health Warning": Пульсуюча червона віньєтка й серцебиття на низькому HP — небезпека, яку відчуваєш раніше, ніж читаєш.

Як це працює: Попередження про низьке здоров'я переносить найважливіше число гри — «я зараз помру?» — зі смужки HP на весь екран гравця: червона віньєтка пульсує по краях, у звуці гупає серцебиття, музика може приглушитися. Гравець перестає дивитися на HUD саме тоді, коли найменше може собі це дозволити.

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

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

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