Стрим-аватар «Тоффи»: реагирует на клавиатуру и мышь
Демо-проект в духе VeadoTube-аватаров, которые я делаю для стримеров: персонаж сидит за клавиатурой и мышью, жмёт W/A/S/D и их сочетания, кликает ЛКМ и ПКМ, моргает и говорит. Работает прямо в браузере: здесь рот открывается, пока зажат пробел, — в эфире это делает голос в микрофон.
- 54 КБ
- весь модуль
- 7
- экранных кнопок
- 0
- внешних зависимостей
Интерактивное демо не запустилось в этом браузере — показана статичная версия.
Задача
Показать механику стрим-аватара вживую: чтобы стример мог сам понажимать клавиши и понять, как будет выглядеть его персонаж в эфире.
Что сделано
- Слоёная векторная графика: отдельные состояния лап, клавиш, глаз и рта
- Сочетания W+A и W+D — свои позы; стрелки работают как дубли, русская раскладка тоже
- Клавиатура перехватывается только при наведении или фокусе — страница остаётся удобной
- Экранные кнопки для телефонов; при reduced motion лишние движения отключаются
Чем подтверждено
- Живое демо на этой странице
- Похожий аватар для стримера в VeadoTube: W/A/S/D, ЛКМ и ПКМ, рот от микрофона, моргание — клиент настроил его сам по моей инструкции
Материалы
2 · Нажмите, чтобы открыть крупно
Что ещё можно мне поручить
- Анимированные экраны для стрима: начало, перерыв, «сейчас вернусь»
- Промо-ролики для экранов в заведении из ваших материалов
- Рекламная плашка поверх видео
- Монтаж, синхронизация голоса и лёгкая обработка звука
- 2D-аватар для стрима с реакцией на клавиатуру и голос
«Дом у сосен»: промо-ролик — монтаж, цвет и звук
39 секунд под музыку: склейки на сильные доли, чертёж превращается в дом, и весь монтаж можно разобрать прямо на странице