VFXСередній

Color Grading Shift

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

vfxcolorgradingmoodzones

Приклади

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

Огляд

Кіноколористи знають це вже століття: потеплішав кадр — сцена жива й небезпечна, похолов — тиха й ворожа. Ігри мають той самий регулятор як пост-обробку — температура, відтінок, насиченість, контраст — і фокус у тому, щоб КЕРУВАТИ ним із ґеймплею: теплий поштовх у зоні лави, синьо-сірий провал у крипті, золотистий підйом під час переможної серії. Гравець ніколи цього не назве, але відчуває, в якій частині світу він є.

Ставтеся до ґрейдів як до іменованих станів, а не разових підкруток: визначте кілька («нейтральний», «лава», «крипта», «перемога») і змішуйте між ними за 0,3–1,5 с на зміні зони чи стану. Сам перехід несе зміст — повільне півсекундне сповзання в холод читається як наближення жаху, миттєвий стрибок — як удар. В URP/HDRP це змішування Volume; у вебі достатньо одного ланцюжка CSS-фільтрів на ігровому шарі.

Дисципліна — у стриманості. Ґрейдьте лише шар СВІТУ й не чіпайте HUD — отруйно-зелена смуга здоров'я нечитабельна. Тримайте зсуви достатньо малими, щоб кольори ворогів і підбирань виживали: якщо червоний ворог і червона бочка перестали бути червоними, ґрейд почав брехати про ґеймплей. І завжди майте нейтральний опорний стан, до якого повертаєтесь, інакше очі гравця адаптуються і весь регулятор перестає працювати.

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

нейтральний ґрейд — Shift веде в зону

Час змішування500ms

Інтенсивність70%

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

Ідентичність біомів і зон (лава, лід, болото)Зміна настрою інтер'єр/екстер'єрСтани переможної серії чи люті, що тонують світКольорові настрої дня-ночі та погоди

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

Варто

✓Визначте іменовані ґрейди і змішуйте між ними за 0,3–1,5 с — перехід сам є частиною оповіді.
✓Ґрейдьте лише шар світу; HUD мусить лишатися у власних чесних кольорах.
✓Тримайте нейтральний опорний ґрейд, до якого регулярно повертаєтесь, інакше очі адаптуються і регулятор перестає реєструватися.

Не варто

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

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

⚠Заґрейджено весь екран разом із HUD — смуга здоров'я стає болотно-зеленою разом із болотом.
⚠Жорсткий зріз між ґрейдами зон рівно на колайдері дверей — світ лускає, як зламаний вимикач.
⚠Десять ґрейдів, що відрізняються на 5%, — різниці не відчуває ніхто, а система стає чистим тягарем підтримки.

Реалізація

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

Промт

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

Як це працює: Кіноколористи знають це вже століття: потеплішав кадр — сцена жива й небезпечна, похолов — тиха й ворожа. Ігри мають той самий регулятор як пост-обробку — температура, відтінок, насиченість, контраст — і фокус у тому, щоб КЕРУВАТИ ним із ґеймплею: теплий поштовх у зоні лави, синьо-сірий провал у крипті, золотистий підйом під час переможної серії. Гравець ніколи цього не назве, але відчуває, в якій частині світу він є.

Рекомендації:
- Визначте іменовані ґрейди і змішуйте між ними за 0,3–1,5 с — перехід сам є частиною оповіді.
- Ґрейдьте лише шар світу; HUD мусить лишатися у власних чесних кольорах.
- Тримайте нейтральний опорний ґрейд, до якого регулярно повертаєтесь, інакше очі адаптуються і регулятор перестає реєструватися.

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

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