shinshin86/mesh-avatar-studio

这是什么？

核心功能

• 01从单张图片生成眨眼、说话、转头、呼吸和头发摆动效果。
• 02由编码代理根据插画搭建骨架与图层。
• 03提供可拖动控制点并带实时预览的本地编辑器。
• 04支持姿势测试和元音口型同步检查。
• 05可将形象导出、导入为单个 .mavatar 文件。
• 06通过透明背景的浏览器源，把面部追踪动作推送到 OBS。

适用场景

• 用自己的角色插画制作直播用的虚拟主播形象。
• 在 OBS 场景中加入无需 3D 模型的会说话动态角色。
• 将制作好的 2D 形象打包成单个文件分享给他人。
• 无需安装，在浏览器中体验面部追踪驱动的形象动作。

快速上手

1. 1

   安装 Node.js 22.17+ 和 Git

2. 2

   用安装命令创建项目

   npx create-mesh-avatar-studio
3. 3

   进入项目文件夹

   cd mesh-avatar-studio
4. 4

   启动编辑器，并打开终端输出的网址

   npm run dev

使用前须知

• !要用自己的插画制作角色，需要 Claude Code 或 Codex 等编程代理。
• !直播和编辑器都需要先运行本地开发服务器（npm run dev）。
• !在 Windows 上，由其他账户或沙箱代理创建的文件夹可能无法读取，需要调整权限。

标签

常见问题

mesh-avatar-studio 是什么？

将一张插画变成会眨眼、说话、摆动的 2D 网格动态形象，由编码代理生成，并在本地编辑器中微调。 Mesh Avatar Studio 可以把一张插画，通常是正面、半身、透明背景的 PNG，制作成会眨眼、说话、转头、呼吸并摆动头发的 2D 形象。Claude Code 或 Codex 等编码代理会依照项目的代理指南从图片生成骨架和图层，随后在带实时预览的本地编辑器中拖动控制点调整位置，并重新生成图层。

mesh-avatar-studio 可以免费使用吗？用的什么许可证？

mesh-avatar-studio 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

mesh-avatar-studio 还在维护吗？

活跃维护中。mesh-avatar-studio 最近一次提交是在 2026年10月19日。

mesh-avatar-studio 适合用来做什么？

用自己的角色插画制作直播用的虚拟主播形象。 在 OBS 场景中加入无需 3D 模型的会说话动态角色。 将制作好的 2D 形象打包成单个文件分享给他人。 无需安装，在浏览器中体验面部追踪驱动的形象动作。

mesh-avatar-studio 怎么安装和运行？

安装 Node.js 22.17+ 和 Git 用安装命令创建项目: npx create-mesh-avatar-studio 进入项目文件夹: cd mesh-avatar-studio 启动编辑器，并打开终端输出的网址: npm run dev

在哪里获取 mesh-avatar-studio？

源代码和安装说明在 GitHub 上：https://github.com/shinshin86/mesh-avatar-studio