Mesh Avatar Studio: Ubah Satu Ilustrasi Jadi Avatar 2D yang Bisa Bicara

Kalau kamu pernah ingin punya avatar ala VTuber tapi mundur melihat berminggu-minggu rigging manual yang diminta tools seperti Live2D, Mesh Avatar Studio menawarkan kesepakatan lain: serahkan ilustrasimu ke coding agent, biarkan ia membangun rig, lalu betulkan detailnya dengan menggeser titik-titik di editor lokal. Hasilnya bisa berkedip, berbicara, menoleh, bernapas, dan menggoyangkan rambut, dan semuanya open source berlisensi MIT.

Poin Penting

Mesh Avatar Studio (github.com/shinshin86/mesh-avatar-studio) mengubah satu ilustrasi menjadi avatar 2D mesh animasi: berkedip, berbicara, menoleh, bernapas, rambut bergoyang.

Coding agent (Claude Code atau Codex) mengerjakan rigging awal dengan mengikuti panduan agent di repo; kamu memolesnya di editor lokal dengan cara geser-dan-betulkan.

Dilengkapi face tracking real-time (MediaPipe), dukungan streaming OBS, format portabel `.mavatar`, dan runtime npm `mesh-avatar` yang bisa di-embed.

Berlisensi MIT, dengan 795 stars dan 90 fork per 18 Oktober 2026, hanya dua minggu setelah dibuat pada 4 Oktober.

Apa Itu Mesh Avatar Studio?

Mesh Avatar Studio adalah proyek open source karya Yuki Shindo (dikenal di GitHub sebagai shinshin86) yang mengubah satu ilustrasi, idealnya PNG tampak depan setengah badan dengan latar transparan, menjadi avatar 2D yang sudah di-rig. Avatar ini digerakkan oleh deformasi mesh di WebGL: ia berkedip, lip-sync mengikuti ucapan, menoleh dan memiringkan kepala, bernapas santai, dan menggoyangkan rambut.

Repo ini berlisensi MIT dan bergerak cepat: 795 stars, 90 fork, 120 commit, dan 4 rilis sejak dibuat pada 4 Oktober 2026, dengan push terakhir pada 17 Oktober. Topik GitHub-nya terbaca seperti pernyataan misi: 2d-animation, avatar, claude-code, codex, mesh-deformation, vtuber, webgl. Video walkthrough 7 menit memperlihatkan alur lengkap dari PNG menjadi avatar yang ter-tracking.

Cara Kerjanya: Coding Agent yang Mengerjakan Rigging

Membuat avatar dari ilustrasimu sendiri butuh empat langkah, dan pembagian tugasnya adalah bagian yang menarik. Langkah 1 dan 4 dikerjakan coding agent; langkah 2 dan 3 terjadi di editor.

1. Minta agent membuat avatar. Buka Claude Code atau Codex di folder repositori, serahkan ilustrasimu, dan minta ia mengikuti `docs/agent-guide.md`. Agent memeriksa seberapa akurat ia membaca koordinat, menempatkan rig di atas grid yang di-zoom, memotong gambar menjadi beberapa layer, dan meninjau avatar dalam pose-pose tetap. Setup yang direkomendasikan adalah Claude Code dengan Claude Opus 5.5 atau Codex dengan GPT-6.1 Sol, menurut README.

2. Buka proyek dan periksa. Jalankan editor lokal (`npm run dev`, dev server Vite) dan buka proyekmu. Gunakan Pose test untuk menoleh dan memiringkan kepala serta menutup mata, dan Lip sync untuk memeriksa bentuk mulut tiap vokal.

3. Betulkan yang salah dengan menggeser. Pilih bagian tubuh di panel kiri; titik-titik control point-nya disorot di atas gambar. Geser untuk membetulkan penempatan dan saksikan preview langsung mengikutinya. Mengubah outline yang memengaruhi pemotongan layer (mata, tangan, kepala, rambut) memicu langkah "Save and rebuild layers" yang memakan waktu beberapa detik.

4. Dapatkan mata dan mulut versi gambar. Tanpa gambar, mata dan mulut bergerak hanya lewat deformasi mesh. Mata tertutup dan mulut vokal versi gambar membuat kedipan dan bicara terlihat jauh lebih natural. Di sinilah pilihan agent penting: Codex menggambarnya dengan image generation bawaannya dan mengimpornya otomatis, sementara Claude Code tidak bisa menghasilkan gambar, jadi ia menyiapkan mask dan prompt untuk kamu serahkan ke image generator. Paket Expressions opsional menambahkan mata sedih dan terkejut versi gambar plus mulut marah dan sedih tertutup.

Dari Editor ke Livestream

Avatar yang sudah di-rig baru setengah cerita; proyek ini ingin ia tampil di stream.

Face tracking yang tetap lokal. Halaman Live memakai webcam dengan MediaPipe Face Landmarker (disertakan di repo di bawah lisensi Apache 2.0) untuk pose kepala dan ekspresi, plus lip sync mikrofon. Kamera bersifat opsional: hanya dengan mikrofon menyala, avatar tetap bergerak idle dan suaramu menggerakkan mulutnya. Desain privasinya disengaja: video kamera dan audio mikrofon tidak pernah meninggalkan mesinmu; hanya nilai gerakan numerik yang mencapai tampilan stream.

Siap OBS. Salin URL OBS dari halaman Live dan tambahkan sebagai OBS Browser Source (disarankan 1080x1080). Latarnya bisa transparan atau hijau untuk chroma key. Hotkey ekspresi (1-8) dan preset pencahayaan lampu yang bisa digeser (Shift+1-8) berpindah secara live, bahkan saat OBS tampil di depan.

Avatar portabel. Ekspor satu file `.mavatar` berisi rig, layer yang sudah dibangun, ekspresi versi gambar, dan metadata (impor hingga 128 MiB), lalu bagikan. Runtime npm `mesh-avatar` memungkinkan developer menanam avatar di aplikasi mereka sendiri dengan WebGL polos dan tipe TypeScript, tanpa dependensi React: `npm install mesh-avatar`, lalu `loadMeshAvatar(canvas, '/avatars/character.mavatar')`.

Player tanpa instal. Kalau kamu hanya ingin mencoba, Player browser menjalankan face tracking, lip sync, ekspresi, dan pencahayaan sepenuhnya di browser. Buka sampel atau file `.mavatar`-mu sendiri; tidak ada yang diunggah.

Siapa Pembuatnya

Pembuatnya adalah Yuki Shindo, yang menulis di profil GitHub-nya: "I love building things. I develop software for AITubers, and lately I've been really into vibe coding." Ia menjalankan AITuber OnAir, tool streaming avatar AI sepenuhnya berbasis browser, dan rekam jejak open source-nya mencakup oh-my-logo (1,6k stars, logo ASCII-art untuk terminal) dan toolkit aituber-onair (281 stars).

Satu nuansa lisensi yang layak diketahui: kodenya MIT, tetapi karakter sampel Miko milik proyek AITuber OnAir sang penulis. Gambar-gambarnya dikirim di bawah panduan penggunaan karakter terpisah: kamu boleh memakai dan memodifikasinya sebagai bagian dari karyamu sendiri, tetapi tidak mendistribusikannya secara mandiri atau sebagai koleksi aset.

Perbandingannya dengan Live2D

Titik acuan yang jelas adalah Live2D Cubism, yang luas digambarkan sebagai standar industri untuk rigging 2D dan tool di balik hampir semua model VTuber 2D profesional.

Kontras yang dipertaruhkan proyek ini: Live2D menghargai skill dan kesabaran, sementara Mesh Avatar Studio mencoba membuat rig pertama sebagai sesuatu yang dikerjakan AI agent untukmu.

Hal yang Perlu Diketahui Sebelum Mencoba

Beberapa catatan jujur, semuanya dari README-nya sendiri. Kamu butuh Node.js 22.17+ dan Git. Input terbaik adalah PNG tampak depan setengah badan dengan latar transparan. Mata dan mulut versi gambar paling mudah dengan Codex, karena Claude Code tidak bisa menghasilkan gambar. Karakter sampel Miko tidak berlisensi MIT, jadi periksa panduan penggunaannya sebelum mendistribusikan ulang. Dan meski proyek ini baru berusia dua minggu, pengembangannya sangat aktif (120 commit, push terakhir 17 Oktober 2026), jadi bersiaplah menghadapi bagian yang masih kasar dan perubahan cepat.

Pertanyaan yang Sering Diajukan

Apakah saya harus bisa rigging?

Tidak. Itulah intinya. Coding agent membangun rig awal dari ilustrasimu dengan mengikuti panduan agent di repo; kamu hanya menyesuaikan control point dengan menggesernya di editor.

Coding agent mana yang harus dipakai?

README merekomendasikan Claude Code dengan Claude Opus 5.5 atau Codex dengan GPT-6.1 Sol. Pilih Codex jika kamu ingin mata dan mulut versi gambar AI, karena Claude Code tidak bisa menghasilkan gambar.

Bisakah dipakai untuk streaming VTuber beneran?

Bisa. Halaman Live memberimu URL OBS Browser Source dengan latar transparan atau hijau, face tracking, lip sync mikrofon, hotkey ekspresi, dan preset pencahayaan.

Apakah semuanya benar-benar gratis dan open source?

Kodenya berlisensi MIT. Pengecualiannya adalah karakter sampel Miko, yang gambar-gambarnya mengikuti panduan penggunaan karakter terpisah.

Apakah harus install untuk mencoba?

Tidak. Player browser menjalankan face tracking dan lip sync sepenuhnya di browser tanpa ada yang diunggah. Instalasi hanya diperlukan untuk membuat dan mengedit avatar.

Kesimpulan

Mesh Avatar Studio adalah jawaban kecil yang bergerak cepat untuk kejengkelan besar: me-rig avatar 2D dengan tangan butuh skill yang kebanyakan orang tidak punya. Dengan menyerahkan rig pertama ke coding agent dan menjaga manusia tetap dalam loop lewat editor geser-dan-betulkan, ia memampatkan pekerjaan spesialis berminggu-minggu menjadi proyek satu sore. Dengan 795 stars dalam dua minggu pertamanya, lisensi MIT, dan runtime yang bisa di-embed, ia adalah salah satu proyek open source paling menarik di dunia tooling VTuber saat ini. Jika kamu punya ilustrasi yang menganggur di folder, mungkin akhir pekan ini ia mulai berbicara.