UIПочатковий

Typewriter Text

Посимвольне розкриття діалогу з паузами, що дають репліці голос.

uidialogtextpacing

Приклади

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

Огляд

Друкарська машинка виводить діалоги й нарацію символ за символом замість вивалювання всього рядка одразу — класика RPG і візуальних новел, що задає темп ігровим розмовам з 8-бітної ери.

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

Вона ще й контролює потік інформації — гравець читає рівно з тією швидкістю, з якою гра говорить, тож драматичне відкриття неможливо проглянути по діагоналі. У парі з бліпами на символ (див. Pitch Randomization) це більшість того, що люди пам'ятають як «звук розмови тієї гри».

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

розділові знаки тримають паузу — це і є ритм мовлення

Символів / c40

Пауза на пунктуації150ms

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

Діалоги NPC в RPGОповідь у візуальних новелахПідказки туторіалу з ритмом подачіТермінали та екрани злому

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

Варто

✓Тримайте додаткову паузу після розділових знаків — саме в ній живе «голос»; рівний посимвольний таймінг звучить по-роботському.
✓Дайте натисканню миттєво показати весь рядок — гравці, що перечитують діалог, зненавидять повільне розкриття без перемотки.
✓Розкривайте символи через maxVisibleCharacters у TMP (чи аналог), а не перебудовою рядка, щоб лейаут не стрибав посеред репліки.

Не варто

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

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

⚠Дописування рядка посимвольно, через що перенос слів стрибає в міру росту слова, — розкривайте з повністю розкладеного тексту.
⚠Ігнорування rich-text тегів при лічбі символів — розмітка <color> видимо друкує сама себе.
⚠Перезапуск усього рядка при повторному відкритті вікна замість пам'яті про те, що він уже показаний.

Реалізація

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

Промт

Додай у мій проєкт ефект "Typewriter Text": Посимвольне розкриття діалогу з паузами, що дають репліці голос.

Як це працює: Друкарська машинка виводить діалоги й нарацію символ за символом замість вивалювання всього рядка одразу — класика RPG і візуальних новел, що задає темп ігровим розмовам з 8-бітної ери.

Рекомендації:
- Тримайте додаткову паузу після розділових знаків — саме в ній живе «голос»; рівний посимвольний таймінг звучить по-роботському.
- Дайте натисканню миттєво показати весь рядок — гравці, що перечитують діалог, зненавидять повільне розкриття без перемотки.
- Розкривайте символи через maxVisibleCharacters у TMP (чи аналог), а не перебудовою рядка, щоб лейаут не стрибав посеред репліки.

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

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