Воссоздаёт объект по одному изображению в виде процедурного TypeScript-кода для Three.js, готового к анимации, а не файла с мешем.
shinshin86/mesh-avatar-studio
Превращает одну иллюстрацию в анимированный 2D-аватар на сетке, который моргает, говорит и покачивается; риг готовит coding agent, а настройка выполняется в локальном редакторе.
Open source альтернатива:VTube Studio
- Звёзды
- 860
- Форки
- 93
- Открытые issues
- 2
- Последний коммит
- вчера
Что это?
Mesh Avatar Studio превращает одну иллюстрацию — обычно PNG с головой и плечами анфас на прозрачном фоне — в 2D-аватар, который моргает, говорит, поворачивает голову, дышит и покачивает волосами. Coding agent, например Claude Code или Codex, подготавливает риг и слои по руководству проекта для агентов, а локальный редактор с предпросмотром в реальном времени позволяет перетаскивать контрольные точки, чтобы скорректировать их расположение и пересобрать слои.
В редакторе есть проверка поз для поворотов головы и закрывания глаз, проверка липсинка для гласных форм рта, а также возможность создать варианты глаз и рта с помощью инструмента генерации изображений. Готовые аватары можно экспортировать в один файл .mavatar и импортировать обратно; при желании в файл можно включить исходное изображение, чтобы продолжить редактирование.
Для стримов на странице Live камера отслеживает лицо, а микрофон можно использовать для липсинка. Движения передаются в прозрачное окно для стрима, которое можно добавить в OBS как Browser Source. Player работает в браузере и запускает трекинг и липсинк без установки программ.
Ключевые возможности
- 01Анимирует моргание, речь, повороты головы, дыхание и покачивание волос на основе одного изображения.
- 02Позволяет coding agent собрать риг и слои по вашей иллюстрации.
- 03Предоставляет локальный редактор с перетаскиваемыми контрольными точками и предпросмотром в реальном времени.
- 04Включает проверку поз и проверку липсинка для гласных.
- 05Экспортирует и импортирует аватары в виде одного файла .mavatar.
- 06Передаёт в OBS движения с трекингом лица через прозрачный Browser Source.
Сценарии использования
- Создание аватара в стиле VTuber для прямых эфиров на основе собственного арта персонажа.
- Добавление в сцены OBS анимированного говорящего ведущего без 3D-модели.
- Передача готового 2D-аватара другим в виде одного переносимого файла.
- Проверка движений аватара с трекингом лица в браузере без установки программ.
Быстрый старт
- 1
Установите Node.js 22.17+ и Git
- 2
Создайте проект с помощью команды настройки
npx create-mesh-avatar-studio - 3
Перейдите в папку проекта
cd mesh-avatar-studio - 4
Запустите редактор и откройте указанный URL
npm run dev
Что важно знать
- Чтобы создать аватар по собственной иллюстрации, потребуется агент для программирования, например Claude Code или Codex.
- Для прямой трансляции и работы редактора должен быть запущен локальный сервер разработки (npm run dev).
- В Windows папки, созданные другой учётной записью или агентом в изолированной среде, могут быть недоступны для чтения без изменения прав доступа.
Темы
Частые вопросы
- Что такое mesh-avatar-studio?
- Превращает одну иллюстрацию в анимированный 2D-аватар на сетке, который моргает, говорит и покачивается; риг готовит coding agent, а настройка выполняется в локальном редакторе. Mesh Avatar Studio превращает одну иллюстрацию — обычно PNG с головой и плечами анфас на прозрачном фоне — в 2D-аватар, который моргает, говорит, поворачивает голову, дышит и покачивает волосами. Coding agent, например Claude Code или Codex, подготавливает риг и слои по руководству проекта для агентов, а локальный редактор с предпросмотром в реальном времени позволяет перетаскивать контрольные точки, чтобы скорректировать их расположение и пересобрать слои.
- mesh-avatar-studio можно использовать бесплатно? Какая у него лицензия?
- mesh-avatar-studio распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- mesh-avatar-studio всё ещё поддерживается?
- Активно поддерживается. Последний коммит в mesh-avatar-studio — 19 окт. 2026 г..
- Для чего можно использовать mesh-avatar-studio?
- Создание аватара в стиле VTuber для прямых эфиров на основе собственного арта персонажа. Добавление в сцены OBS анимированного говорящего ведущего без 3D-модели. Передача готового 2D-аватара другим в виде одного переносимого файла. Проверка движений аватара с трекингом лица в браузере без установки программ.
- Как установить mesh-avatar-studio?
- Установите Node.js 22.17+ и Git Создайте проект с помощью команды настройки: npx create-mesh-avatar-studio Перейдите в папку проекта: cd mesh-avatar-studio Запустите редактор и откройте указанный URL: npm run dev
- Где скачать mesh-avatar-studio?
- Исходный код и инструкции по установке — на GitHub: https://github.com/shinshin86/mesh-avatar-studio
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Бесплатный двусторонний MCP-сервер для Figma: помогает coding-агентам превращать макеты в код и записывать готовые дизайны на холст.
Виртуальный офис, где проекты Claude Code и Codex представлены комнатами, а агенты — пиксельными персонажами с отображением активности в реальном времени.
Визуальный редактор с открытым исходным кодом, который позволяет создавать и редактировать код Next.js и Tailwind CSS прямо в браузере с помощью ИИ.
Локальный прокси, который позволяет Codex, Claude Code, Claude Desktop и Grok Build работать с любыми LLM-провайдерами.
Плагин Obsidian, который встраивает AI-агентов для программирования, например Claude Code и Codex, в ваше хранилище для совместной работы.