UIСередній

Transition Wipe

Ірис змикається на герої, такт чорноти, ірис розкривається на новій сцені — переходи з характером.

uitransitionsceneiris

Приклади

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

Огляд

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

Анатомія — закрити → потримати → відкрити: стару сцену стирає маска (200–400 мс), такт суцільного кольору ховає підміну сцени і будь-який гикавку завантаження (навіть 100 мс читаються як намір), і нова сцена відкривається — традиційно з центром розкриття на новій позиції гравця, що садить око точно туди, де відновлюється гра. Утримання — несуча частина: воно перетворює технічне заїкання на ритм.

Підбирайте форму під фікшн — ірис для пригод, жорстка діагональ для екшену, піксельний розчин для ретро — і далі тримайтеся її; вайп є частиною голосу гри. Пом'якшуйте передній край (маска має гальмувати в повністю закрите і розганятися з нього, як кліпання ока) і дайте гравцям, що часто гинуть, скорочувати чи пропускати його: розкішні 700 мс чарівні один раз і є податком на цикли ретраю.

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

змикання на старій позиції · такт чорноти · розкриття на новій

Час вайпа350ms

Утримання чорного150ms

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

Зміни сцен і рівнівЦикли смерті та відродженняШвидкі подорожі та двері між зонамиЗаставки розділів і стрибки в часі

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

Варто

✓Тримайте такт суцільного кольору між закриттям і відкриттям — утримання перетворює гикавки завантаження на ритм.
✓Розкривайте вайп із центром на НОВІЙ позиції гравця, щоб око сіло туди, де відновлюється гра.
✓Оберіть одну форму вайпа як підпис гри і тримайтеся її — перехід є частиною голосу.

Не варто

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

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

⚠Вайп, що йде, поки наступна сцена ще вантажиться, — застигає напівзакритим і рекламує гикавку, яку мав ховати.
⚠Ірис розкривається в центрі екрана, а гравець з'являється в кутку — око мусить шукати персонажа.
⚠Інший стиль переходу на кожному екрані: меню їде, смерть фейдиться, двері ірисом — у сумі жодної ідентичності.

Реалізація

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

Промт

Додай у мій проєкт ефект "Transition Wipe": Ірис змикається на герої, такт чорноти, ірис розкривається на новій сцені — переходи з характером.

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

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

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

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