Reconstruye un objeto a partir de una imagen de referencia como código TypeScript procedural de Three.js, listo para animar, en lugar de un archivo de malla.
shinshin86/mesh-avatar-studio
Convierte una ilustración en un avatar 2D animado con malla que parpadea, habla y se balancea; un agente de programación lo prepara y se ajusta en un editor local.
Alternativa open source a:VTube Studio
- Estrellas
- 860
- Forks
- 93
- Issues abiertos
- 2
- Último commit
- ayer
¿Qué es?
Mesh Avatar Studio convierte una sola ilustración, normalmente un PNG de cabeza y hombros de frente con fondo transparente, en un avatar 2D que parpadea, habla, gira la cabeza, respira y balancea el cabello. Un agente de programación, como Claude Code o Codex, prepara el rig y las capas a partir de la imagen siguiendo la guía para agentes del proyecto. Después, un editor local con vista previa en tiempo real permite arrastrar puntos de control para corregir su posición y reconstruir las capas.
El editor incluye pruebas de poses para los giros de cabeza y el cierre de ojos, una comprobación de sincronización labial con formas de boca para las vocales y variantes opcionales de ojos y boca dibujadas y generadas con una herramienta de imágenes. Los avatares terminados se pueden exportar en un único archivo .mavatar e importar de nuevo, con la imagen de origen incluida si quieres seguir editándolos.
Para streaming, la página Live te sigue la cara a través de la cámara y puede usar el micrófono para la sincronización labial. Luego, envía el movimiento a una vista de streaming con fondo transparente que se puede añadir a OBS como Browser Source. El Player, que funciona solo en el navegador, ejecuta el seguimiento y la sincronización labial sin necesidad de instalar nada.
Funciones clave
- 01Anima el parpadeo, el habla, los giros de cabeza, la respiración y el movimiento del cabello a partir de una sola imagen.
- 02Permite que un agente de programación cree el rig y las capas a partir de tu ilustración.
- 03Ofrece un editor local con puntos de control que se pueden arrastrar y vista previa en tiempo real.
- 04Incluye pruebas de poses y una comprobación de sincronización labial con vocales.
- 05Exporta e importa avatares en un único archivo .mavatar.
- 06Envía a OBS el movimiento con seguimiento facial mediante un Browser Source con fondo transparente.
Casos de uso
- Crear un avatar al estilo VTuber para transmisiones en directo a partir de tu propio arte de personaje.
- Añadir a las escenas de OBS un presentador animado que habla, sin necesidad de un modelo 3D.
- Compartir un avatar 2D terminado en un único archivo portátil.
- Probar en el navegador el movimiento de un avatar con seguimiento facial, sin instalar nada.
Inicio rápido
- 1
Instala Node.js 22.17+ y Git
- 2
Crea el proyecto con el comando de configuración
npx create-mesh-avatar-studio - 3
Entra en la carpeta del proyecto
cd mesh-avatar-studio - 4
Inicia el editor y abre la URL que muestra
npm run dev
Antes de usarlo
- Para crear un avatar a partir de una ilustración propia, necesitas un agente de programación como Claude Code o Codex.
- La transmisión en directo y el editor necesitan que el servidor de desarrollo local (npm run dev) esté en ejecución.
- En Windows, es posible que no puedas leer carpetas creadas por otra cuenta o por un agente en un entorno aislado si no cambias los permisos.
Temas
Preguntas frecuentes
- ¿Qué es mesh-avatar-studio?
- Convierte una ilustración en un avatar 2D animado con malla que parpadea, habla y se balancea; un agente de programación lo prepara y se ajusta en un editor local. Mesh Avatar Studio convierte una sola ilustración, normalmente un PNG de cabeza y hombros de frente con fondo transparente, en un avatar 2D que parpadea, habla, gira la cabeza, respira y balancea el cabello. Un agente de programación, como Claude Code o Codex, prepara el rig y las capas a partir de la imagen siguiendo la guía para agentes del proyecto. Después, un editor local con vista previa en tiempo real permite arrastrar puntos de control para corregir su posición y reconstruir las capas.
- ¿mesh-avatar-studio es gratuito? ¿Qué licencia tiene?
- mesh-avatar-studio es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿mesh-avatar-studio sigue mantenido?
- Mantenimiento activo. El último commit de mesh-avatar-studio fue el 19 oct 2026.
- ¿Para qué puedo usar mesh-avatar-studio?
- Crear un avatar al estilo VTuber para transmisiones en directo a partir de tu propio arte de personaje. Añadir a las escenas de OBS un presentador animado que habla, sin necesidad de un modelo 3D. Compartir un avatar 2D terminado en un único archivo portátil. Probar en el navegador el movimiento de un avatar con seguimiento facial, sin instalar nada.
- ¿Cómo se instala mesh-avatar-studio?
- Instala Node.js 22.17+ y Git Crea el proyecto con el comando de configuración: npx create-mesh-avatar-studio Entra en la carpeta del proyecto: cd mesh-avatar-studio Inicia el editor y abre la URL que muestra: npm run dev
- ¿Dónde consigo mesh-avatar-studio?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/shinshin86/mesh-avatar-studio
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Servidor MCP gratuito y bidireccional para Figma que permite a agentes de programación convertir diseños en código y devolver diseños al lienzo.
Una oficina virtual que muestra cada proyecto de Claude Code o Codex como una sala y a cada agente como un personaje pixel art con actividad en tiempo real.
Editor visual de código de código abierto para diseñar y editar proyectos de Next.js + Tailwind CSS en el navegador con ayuda de IA.
Proxy local que permite a Codex, Claude Code, Claude Desktop y Grok Build usar cualquier proveedor de LLM.
Un plugin de Obsidian que integra agentes de programación con IA, como Claude Code y Codex, en tu vault como colaboradores de trabajo.