VFXПросунутий

Shockwave Distortion

Кільце, що розширюється і видимо викривлює сцену за собою, як вибухова хвиля в повітрі.

vfxshaderexplosionimpact

Приклади

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

Огляд

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

На відміну від більшості джус-ефектів, цей живе в рендер-пайплайні: шейдер семплить відрендерену сцену (Opaque/Scene Color в URP, grab pass у Built-in) і зсуває її UV радіально в тонкому кільці навколо фронту. Саме тому це Advanced — ви пост-обробляєте кадр, а не рухаєте трансформ.

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

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

Сила поштовху18px

Тривалість хвилі600ms

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

Вибухи/VFXАтаки босівУльтиМагія

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

Варто

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

Не варто

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

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

⚠Викривлення в усіх напрямках від центра (залита пляма) замість кільця навколо фронту.
⚠Не ввімкнена Opaque Texture (URP) чи grab pass — шейдер мовчки семплить порожнечу.
⚠Лінійний ріст радіуса — справжні фронти вибуху сповільнюються; розширення з ease-out продає фізику.

Реалізація

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

Промт

Додай у мій проєкт ефект "Shockwave Distortion": Кільце, що розширюється і видимо викривлює сцену за собою, як вибухова хвиля в повітрі.

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

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

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

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