VFXПочатковий

Screen Fader

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

transitionscenepolishui

Приклади

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

Огляд

Скрін-фейдер — це повноекранний оверлей (майже завжди чорний), який проявляється, накриває все, що має змінитися — завантаження рівня, респавн, телепорт камери — і зникає назад. Найстаріший перехід у книжці, запозичений напряму з кіномонтажного «dip to black».

Це працює, бо дає оку чисту паузу. Різкі зрізи, телепортація об'єктів і поп-ін зчитуються як глюки, коли гравець бачить їх наживо; за миттю чорного ті самі зміни зчитуються як навмисні. Кіно століття привчало всіх, що фейд означає «час або місце щойно змінилися».

Швидкість несе тон: швидкий дип (200–400 мс) — нейтральне керування сценами, а повільний фейд зчитується як сумний чи фінальний — смерть, сон, кінець розділу.

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

SCENE A

Тривалість фейду350ms

Затримка на чорному200ms

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

Переходи між рівнямиРеспавн/СмертьКатсцениЗавантаження

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

Варто

✓Ізьте фейд (ease-in-out) — лінійний розгін прозорості виглядає механічно, а не кінематографічно.
✓Виконуйте саму роботу (завантаження сцени, телепорт, скидання стану), поки екран повністю чорний, — це прикриття і є суттю прийому.
✓Підбирайте швидкість під тон: швидкі дипи для рутинних переходів, повільні фейди для драматичних моментів.

Не варто

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

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

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

Реалізація

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

Промт

Додай у мій проєкт ефект "Screen Fader": Затемнення екрана до чорного, що чисто приховує зміну сцени та обрамлює переходи.

Як це працює: Скрін-фейдер — це повноекранний оверлей (майже завжди чорний), який проявляється, накриває все, що має змінитися — завантаження рівня, респавн, телепорт камери — і зникає назад. Найстаріший перехід у книжці, запозичений напряму з кіномонтажного «dip to black».

Рекомендації:
- Ізьте фейд (ease-in-out) — лінійний розгін прозорості виглядає механічно, а не кінематографічно.
- Виконуйте саму роботу (завантаження сцени, телепорт, скидання стану), поки екран повністю чорний, — це прикриття і є суттю прийому.
- Підбирайте швидкість під тон: швидкі дипи для рутинних переходів, повільні фейди для драматичних моментів.

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

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