Первый прототип: ассистент Скаут

Прототип №1 · Клон OnTrack Scout

Ассистент «Скаут»

AI-ассистент как живой 3D-персонаж поверх приложения: сам не мешает, всегда под рукой, прячется одним движением.

Сейчас на экране: …

Как пользоваться

Войти. На экране логина Скаута нет — нажмите «Войти» с подставленными данными. Персонаж живёт только внутри приложения.

Позвать. По умолчанию Скаут спрятан за нижним меню — справа над навигацией видна только макушка с моргающими глазами. Тап по ней выпускает его на экран.

Переставить. Тащите пальцем или мышью: на отпускании Скаут примагничивается к ближайшему краю, бросок «докидывает» его по инерции. Высоту он запоминает.

Спросить. Тап по Скауту открывает чат ассистента — родной шит клона с контекстом экрана. Персонаж перелетает над шторкой и смотрит на неё.

Спрятать. Утащите Скаута вниз на нижнее меню и отпустите — он нырнёт за навигацию, оставив макушку. То же делает тумблер «Спрятать за меню» в настройках.

Настроить. Шестерёнка справа вверху: размер, скорость анимаций, поворот головы, слежение глаз, желейность, цвет свечения лица и тумблеры поведения.

Как он анимируется

Дышит. Постоянное покачивание вверх-вниз и лёгкий наклон, листики на макушке качаются с задержкой.
Смотрит. Глаза следят за центром экрана, при открытом чате — за шторкой; голова доворачивается в ту же сторону.
Моргает каждые 2–5 секунд, иногда дважды подряд; смена формы глаз (капсулы ↔ довольные дуги) всегда происходит «под морганием».
Радуется. Тап — прыжок, румянец и сердечки; после броска и приземления тоже улыбается.
Желе. При броске тянется по направлению движения, при ударе о край — сплющивается и покачивается.
Засыпает после 20 секунд без внимания: веки опускаются, вылетают «z-z-z». Любое касание экрана будит.
Свечение. Лицо — единственный источник цвета; его градиент подсвечивает корпус изнутри и меняется палитрой в настройках.

Как устроено

Персонаж — настоящая 3D-сцена (Three.js, вшит в клон), canvas лежит поверх приложения и не перехватывает тапы: кликабелен только круг вокруг Скаута.
Чат — не свой, а штатный шит ассистента клона: то же поведение и тот же контекст экрана, что у остальных точек входа.
Состояние «спрятан» не сохраняется — прототип всегда открывается так, как его увидят впервые. Настройки внешности сохраняются.
Без WebGL страница покажет текстовую заглушку вместо персонажа; при «уменьшить движение» в системе анимации приглушаются.

9:41

Не получилось запустить 3D-движок (WebGL).
Попробуйте Chrome, Edge или Safari 🌱