Chromatic Aberration
RGB-розщеплення на частку секунди в момент удару — на один кадр здригається сам об'єктив.
Приклади
Записано з інтерактивного демо нижче на цій сторінці.
Огляд
Хроматична аберація розсуває червоний, зелений і синій канали відрендереного кадру, імітуючи дешевий об'єктив, що не зводить усі кольори в одну точку. Кіно отримало її випадково; ігри позичають навмисно — як ІМПУЛЬС: вибух влучає, канали розриваються на десяту частку секунди й зістрибуються назад.
Форма цього імпульсу — це все: стрибок до повної сили в кадр удару, потім швидке згасання з ease-out (квадратичне працює добре). Гравець не повинен встигнути роздивитися ефект — лише відчути, що кадр тріснув. Складіть її з трясінням камери і спалахом у той самий кадр — і кожен ефект читається більшим за рахунок інших.
Постійна аберація — інший інструмент, естетика (ретро-CRT, глючний кіберпростір, стани сп'яніння чи пошкодження), і дорога: вона коштує читабельності, а декому дає справжню втому очей. Якщо вона завжди ввімкнена — тримайте її по краях екрана і дайте перемикач; якщо це імпульс — тримайте його до 300 мілісекунд, і ніхто ніколи не поскаржиться.
Інтерактивне демо
press Pulse · R/G/B channels tear apart, then snap back
Де застосовується
Найкращі практики
Варто
- ✓Стрибайте миттєво і згасайте з ease-out — імпульс мають відчути, а не роздивитися.
- ✓Запускайте в той самий кадр, що й тряску та спалах; одночасні канали множать одне одного.
- ✓Масштабуйте силу від події — граната заслуговує більшого розщеплення, ніж пістолетний постріл.
Не варто
- ✕Не лишайте її завжди ввімкненою як «кінематографічний лиск» — це податок на читабельність і на очі частини гравців.
- ✕Не застосовуйте до шару UI; текст HUD із розщепленими каналами читається як баг рендера.
- ✕Не поєднуйте сильне розщеплення з motion blur на швидких рухах камери — разом вони перетворюють кадр на суп.
Поширені помилки
- ⚠Лінійне згасання, що читається як повільне розмазування замість тріску, — зістрибування назад і є ефектом.
- ⚠Імпульс на кожну дрібну подію, поки гра не виглядає перманентно зламаною.
- ⚠Забутий перемикач доступності для тривалої аберації — чутливі гравці лишаються за бортом.
Реалізація
Встав це у свого ШІ-асистента (Cursor, Copilot, Claude), щоб додати ефект у проєкт.
Додай у мій проєкт ефект "Chromatic Aberration": RGB-розщеплення на частку секунди в момент удару — на один кадр здригається сам об'єктив.
Як це працює: Хроматична аберація розсуває червоний, зелений і синій канали відрендереного кадру, імітуючи дешевий об'єктив, що не зводить усі кольори в одну точку. Кіно отримало її випадково; ігри позичають навмисно — як ІМПУЛЬС: вибух влучає, канали розриваються на десяту частку секунди й зістрибуються назад.
Рекомендації:
- Стрибайте миттєво і згасайте з ease-out — імпульс мають відчути, а не роздивитися.
- Запускайте в той самий кадр, що й тряску та спалах; одночасні канали множать одне одного.
- Масштабуйте силу від події — граната заслуговує більшого розщеплення, ніж пістолетний постріл.
Чого уникати:
- Не лишайте її завжди ввімкненою як «кінематографічний лиск» — це податок на читабельність і на очі частини гравців.
- Не застосовуйте до шару UI; текст HUD із розщепленими каналами читається як баг рендера.
- Не поєднуйте сильне розщеплення з motion blur на швидких рухах камери — разом вони перетворюють кадр на суп.
Реалізуй ефект у тому рушії/стеку, який уже використовується в проєкті, і дотримуйся наявного стилю коду. Підключи його там, де це доречно.Джерела
Пов'язані ефекти
Screen Flash
Короткий спалах кольору на весь екран (чи локально), що підкреслює великий момент.
Zoom Punch
Швидкий наїзд камери з поверненням, що вбиває акцент у момент.
Camera Shake
Короткий струс камери, що передає вагу, удар або небезпеку.
Коментарі
…