Reconstrói um objeto a partir de uma imagem de referência em código procedural TypeScript para Three.js, pronto para animação, e não em um arquivo de malha.
shinshin86/mesh-avatar-studio
Transforma uma ilustração em um avatar 2D de malha animado, que pisca, fala e balança, preparado por um agente de programação e ajustado em um editor local.
Alternativa open source a:VTube Studio
- Estrelas
- 860
- Forks
- 93
- Issues abertas
- 2
- Último commit
- ontem
O que é?
O Mesh Avatar Studio pega uma única ilustração — geralmente um PNG de cabeça e ombros de frente, com fundo transparente — e a transforma em um avatar 2D que pisca, fala, vira a cabeça, respira e balança o cabelo. Um agente de programação, como Claude Code ou Codex, prepara o rig e as camadas a partir da imagem seguindo o guia de agentes do projeto. Depois, um editor local com prévia em tempo real permite arrastar pontos de controle para corrigir o posicionamento e reconstruir as camadas.
O editor inclui testes de poses para virar a cabeça e fechar os olhos, uma verificação de lip sync para os formatos da boca ao pronunciar vogais e variantes de olhos e boca desenhadas opcionalmente com uma ferramenta de imagem. Os avatares finalizados podem ser exportados em um único arquivo .mavatar e importados novamente, incluindo a imagem de origem caso você queira continuar editando.
Para fazer transmissões, a página Live acompanha seu rosto pela câmera e pode usar o microfone para fazer lip sync. Em seguida, envia os movimentos para uma visualização de transmissão com fundo transparente, que pode ser adicionada ao OBS como Browser Source. O Player, que roda no navegador, faz o rastreamento e o lip sync sem precisar instalar nada.
Recursos principais
- 01Anima piscadas, fala, movimentos da cabeça, respiração e balanço do cabelo a partir de uma única imagem.
- 02Permite que um agente de programação crie o rig e as camadas a partir da sua ilustração.
- 03Oferece um editor local com pontos de controle arrastáveis e prévia em tempo real.
- 04Oferece testes de poses e uma verificação de lip sync para vogais.
- 05Exporta e importa avatares em um único arquivo .mavatar.
- 06Transmite movimentos rastreados pelo rosto para o OBS por meio de um Browser Source com fundo transparente.
Casos de uso
- Criar um avatar no estilo VTuber para transmissões ao vivo usando a arte do seu próprio personagem.
- Adicionar apresentadores animados que falam às cenas do OBS, sem precisar de um modelo 3D.
- Compartilhar um avatar 2D finalizado com outras pessoas em um único arquivo portátil.
- Experimentar movimentos de avatar rastreados pelo rosto no navegador, sem instalar nada.
Início rápido
- 1
Instale o Node.js 22.17+ e o Git
- 2
Crie o projeto com o comando de configuração
npx create-mesh-avatar-studio - 3
Acesse a pasta do projeto
cd mesh-avatar-studio - 4
Inicie o editor e abra a URL exibida
npm run dev
Antes de usar
- Para criar um avatar a partir de uma ilustração própria, é necessário usar um agente de programação, como Claude Code ou Codex.
- A transmissão ao vivo e o editor precisam que o servidor de desenvolvimento local (npm run dev) esteja em execução.
- No Windows, talvez não seja possível ler pastas criadas por outra conta ou por um agente em sandbox sem alterar as permissões.
Tópicos
Perguntas frequentes
- O que é mesh-avatar-studio?
- Transforma uma ilustração em um avatar 2D de malha animado, que pisca, fala e balança, preparado por um agente de programação e ajustado em um editor local. O Mesh Avatar Studio pega uma única ilustração — geralmente um PNG de cabeça e ombros de frente, com fundo transparente — e a transforma em um avatar 2D que pisca, fala, vira a cabeça, respira e balança o cabelo. Um agente de programação, como Claude Code ou Codex, prepara o rig e as camadas a partir da imagem seguindo o guia de agentes do projeto. Depois, um editor local com prévia em tempo real permite arrastar pontos de controle para corrigir o posicionamento e reconstruir as camadas.
- mesh-avatar-studio é gratuito? Qual é a licença?
- mesh-avatar-studio é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- mesh-avatar-studio ainda é mantido?
- Manutenção ativa. O último commit de mesh-avatar-studio foi em 19 de out. de 2026.
- Para que posso usar mesh-avatar-studio?
- Criar um avatar no estilo VTuber para transmissões ao vivo usando a arte do seu próprio personagem. Adicionar apresentadores animados que falam às cenas do OBS, sem precisar de um modelo 3D. Compartilhar um avatar 2D finalizado com outras pessoas em um único arquivo portátil. Experimentar movimentos de avatar rastreados pelo rosto no navegador, sem instalar nada.
- Como instalar mesh-avatar-studio?
- Instale o Node.js 22.17+ e o Git Crie o projeto com o comando de configuração: npx create-mesh-avatar-studio Acesse a pasta do projeto: cd mesh-avatar-studio Inicie o editor e abra a URL exibida: npm run dev
- Onde consigo mesh-avatar-studio?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/shinshin86/mesh-avatar-studio
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Um servidor MCP gratuito e bidirecional para Figma que permite a agentes de programação transformar designs do Figma em código e enviar designs de volta para o canvas.
Um escritório virtual que mostra cada projeto do Claude Code ou Codex como uma sala e cada agente como um personagem pixel art com atividade em tempo real.
Editor visual open source para criar e editar código Next.js + Tailwind CSS direto no navegador, com assistência de IA.
Um proxy local que permite usar qualquer provedor de LLM com Codex, Claude Code, Claude Desktop e Grok Build.
Um plugin do Obsidian que integra agentes de programação com IA, como Claude Code e Codex, ao seu vault para trabalharem como colaboradores.