Mesh Avatar Studio 教程:391 星,一张插画变会眨眼说话的虚拟形象

📌 项目地址:github.com/shinshin86/mesh-avatar-studio | 星数:391+ | 语言:TypeScript | 协议:MIT | 要求:Node.js 22.17+

📋 项目简介

Live2D 又贵又难学?Mesh Avatar Studio(shinshin86 出品,日语英语双语文档)给出开源路线:一张插画 → 2D 网格虚拟形象——会眨眼、说话、转头、呼吸、发丝摆动。工作流为 AI 友好型:coding agent 负责从图像准备网格素材,你在本地编辑器拖控制点实时微调。虚拟形象动效的实拍版见 ReelMimic风格模仿,3D 方向见 Modly图生3D。

✨ 能动起来的部位

动作说明
眨眼自动眨眼循环
说话口型随语音开合
转头头部跟随视角转动
呼吸身体起伏呼吸循环
发丝头发自然摆动

🚀 快速开始

# 要求 Node.js 22.17+
npm install
npm run dev
# 打开终端输出的地址(如 http://127.0.0.1:5173/)

# 编辑器:
#   左侧选部件 → 图上拖动控制点 → 右侧实时预览
# 内置示例 Miko(旗袍)只读
#   改动时选 Copy and keep editing

💡 使用建议

📚 常见问题

Mesh Avatar Studio 是什么?

把一张插画变成动画 2D 网格虚拟形象的开源工具(shinshin86/mesh-avatar-studio,391 星,MIT):形象会眨眼、说话、转头、呼吸、发丝摆动。工作流是 AI coding agent 从你的图像准备 avatar 素材,然后你在本地编辑器里实时预览微调。内置示例为穿旗袍的 Miko。

怎么跑起来?

需要 Node.js 22.17+:npm install 后 npm run dev,打开终端输出的地址(如 http://127.0.0.1:5173/)。编辑器左侧选部件、在图上拖动控制点、右侧实时预览。示例只读——改动后选 Copy and keep editing 继续编辑自己的副本。Windows 有专门说明章节。

和 Live2D 比怎么样?

定位是开源轻量替代:Live2D 生态成熟但闭源收费,Mesh Avatar Studio MIT 开源、单图输入、agent 准备+本地微调的 AI 工作流是差异化。适合 VTuber 出镜、数字人客服、播客封面动效等轻量场景;复杂骨骼动画需求仍建议 Live2D。