AI Avatar Chat — Proof of Concept

Tiga pendekatan arsitektur avatar, satu logika obrolan yang sama. LLM dimock (setTimeout 1 detik), suara memakai Web Speech API bawaan browser.

3D WebGL (Three.js)

Siap
memuat kanvas WebGL…
react-three-fiberidle · seret untuk memutar

Ekspresi

Preset dan slider mengatur blendshape yang sama yang dipakai lipsync — gerak mulut saat bicara ditumpuk di atas ekspresi ini, bukan menggantikannya.

Avatar dirender di perangkat pengguna, jadi tidak ada biaya per menit dan latensinya nol setelah aset dimuat. Gantinya: butuh GPU klien, dan lipsync harus dihitung sendiri. Kepala ini punya 52 blendshape ARKit; di PoC ini rahang digerakkan gelombang palsu, bukan hasil analisis audio sungguhan.

Riwayat Obrolan

Halo! Saya avatar AI versi PoC. Kirim pesan apa saja — jawabannya masih mock, tapi suara dan animasinya sungguhan.