Путь{{ hudPhase }}{{ hudPhaseInfo }}
Сцена{{ hudScene }}{{ hudTime }}
В пуле {{ hudPool }}
На экране {{ hudVisible }}
Порядок {{ hudHistory }}
Тайминги сцен (реальные)
Лента25–40 с · две бегущие дорожки навстречу (1,18 : 1) · 70 / 55 px/с · linear · любые форматы
Водопад25–40 с · 3 колонки ↑ ↓ ↑ (4 при смеси форматов) · 48–62 px/с · linear
Дрейф20–30 с · всё полотно по диагонали · 40 px/с · вектор случайный
Мозаикавыключена в ротации (21.09) · 30–40 с · замена каждые 1,5–3 с · 0,75 с · растворение / переворот / сдвиг / схлопывание
Фокус4–5 героев по 3,6 с (≈17–20 с), каждый раз другие карточки · герой 66 % высоты · вход/выход 0,8 с · остальные яркость 40 % + blur 3 px
Перестройкавыключена в ротации (21.09) · 1,4 с + stagger 40 мс · композиция A ⇄ B · также переход между любыми сценами
Правила чередования
Ротация 21.09: Дрейф, Водопад и Лента (две дорожки) — по разу в случайном порядке, без повтора подряд · Фокус не реже раза в 60 с, 4–5 героев по 3,6 с, карточки в фокусе каждый раз другие (последние до 15 героев не повторяются) · Мозаика и Перестройка выключены · после «Поехали!» карточки перелетают из слотов сразу в первую сцену · новая карточка: герой прилетает 1 с → вспышка, кольца, две волны молний 2,6 с → герой держится до 9 с → следующая сцена ротации, новая карточка идёт первой, бейдж «новое фото» над карточкой 2 мин
Токены
Фон #000E32 · голубой #1FA8E0 · зелёный #7DB829 · фиолетовый #544596 · текст #FFFFFF
Raleway 800 44 px (заголовок) · Nunito Sans 600 28 px (шаги, подпись бота) · Nunito Sans 600 26 px (бейдж)
Экран #FFFFFF · плашки: лента #F2F4F9 + паттерн #E2E6F0, колонка #000E32 + паттерн · радиус плашек 32 px, поля 24 px · отступ карточек 24 px · радиус карточки 22 px · QR 300 px (код 268, модуль ≈ 8 px) · колонка 360 px · знак BW 100 px · маркеры шагов 40 px #7DB829
Easing cubic-bezier(0.4, 0, 0.2, 1) · перелёт 1,4 с · переход внутри статики 0,8 с · растворение 0,7 с
Raleway 800 44 px (заголовок) · Nunito Sans 600 28 px (шаги, подпись бота) · Nunito Sans 600 26 px (бейдж)
Экран #FFFFFF · плашки: лента #F2F4F9 + паттерн #E2E6F0, колонка #000E32 + паттерн · радиус плашек 32 px, поля 24 px · отступ карточек 24 px · радиус карточки 22 px · QR 300 px (код 268, модуль ≈ 8 px) · колонка 360 px · знак BW 100 px · маркеры шагов 40 px #7DB829
Easing cubic-bezier(0.4, 0, 0.2, 1) · перелёт 1,4 с · переход внутри статики 0,8 с · растворение 0,7 с
Сценарий «весь путь» (режим по умолчанию)
1. Пусто. Заголовок-приглашение, счётчик «N из 10 фото», прогресс, 10 слотов. Фото приходят каждые 3–6 с (в демо; на событии — как придут), слот заполняется с «хлопком» и зелёным кольцом. Клавиша N — фото пришло прямо сейчас.
2. Запуск. На 10-м фото заголовок «Поехали!» ≈ 2 с → инструкция растворяется 0,7 с, карточки перелетают из слотов в первую композицию 4 + 4 (1,4 с, stagger 40 мс), две лишние гаснут на месте.
3. Лента. Сцены чередуются по правилам справа. Новое фото раз в 45–75 с (демо) или по N: прилетает со стороны QR-колонки → Фокус с вспышкой и молниями → Мозаика B, бейдж «новое фото» 2 мин. Пул растёт 10 → 11 → 12 … (новые карточки в демо — другие рендеры тех же гостей). R — начать заново, A — авто-приход вкл/выкл, кнопка «Темп» ускоряет всё.
2. Запуск. На 10-м фото заголовок «Поехали!» ≈ 2 с → инструкция растворяется 0,7 с, карточки перелетают из слотов в первую композицию 4 + 4 (1,4 с, stagger 40 мс), две лишние гаснут на месте.
3. Лента. Сцены чередуются по правилам справа. Новое фото раз в 45–75 с (демо) или по N: прилетает со стороны QR-колонки → Фокус с вспышкой и молниями → Мозаика B, бейдж «новое фото» 2 мин. Пул растёт 10 → 11 → 12 … (новые карточки в демо — другие рендеры тех же гостей). R — начать заново, A — авто-приход вкл/выкл, кнопка «Темп» ускоряет всё.