One Drawing, A Living Avatar
Ein kostenloser Guide zu Mesh Avatar Studio von Yuki Shindo: aus einer Illustration wird ein animierter 2D-Avatar, der blinzelt, spricht und den Kopf dreht. Welche Zeichnung funktioniert, wie Claude Code oder Codex das Rig baut, wie du es im lokalen Editor per Punkte-Ziehen korrigierst, gezeichnete Augen und Münder, der Avatar auf deiner eigenen Website mit einem HTML-Element, Live mit Webcam und OBS und die ehrlichen Haken. Mit getesteter Embed-Seite, sechs Prompts und einer Checkliste.
Was drin ist
- The right drawing Die sechs Checks, die entscheiden, wie viel du später korrigierst.
- The agent build Was Claude Code oder Codex macht: Vision-Check, Rig, Ebenen, Posen-Review.
- Fix by dragging Posen-Test, Lippensynchronisation, Umrisse, Ebenen neu bauen.
- starter/index.html Eine dunkle Embed-Seite mit deinem Avatar und fünf Ausdrucks-Buttons, Version fixiert.
- PROMPTS.md + CHECKLIST.md Sechs Prompts und die Checkliste vorher/bauen/veröffentlichen.
- Honest catches Vision-Modell, Zeit, Bildgenerator, Rechte an der Zeichnung.
Eine Zeichnung, an der du die Rechte hast (PNG, frontal, Kopf und Schultern). Node.js 22.17+ und Git für den Editor; Python 3.10+ mit uv und Playwright Chromium für die Agent-Schritte; Claude Code oder Codex mit einem starken Vision-Modell. Gezeichnete Augen und Münder sind optional und schicken dein Bild an einen Bildgenerator. Der Guide ist auf Englisch.
Fabian Faraz Farid · Impressum · Datenschutz