idle
Poses · toque para trocar
Ações
Tudo é vetor e código: o mesmo "cérebro" de movimento (poses, fala por visemas, piscadas, gestos) alimenta o 2D, o 3D e o motor de vídeo.
Vídeo de teste · renderizado pelo motor (1080×1920, voz ElevenLabs)
Qual formato usar · avaliação
| Formato | Peso | Melhor para |
|---|---|---|
| 2D (SVG + código) | 16 KB + GSAP 28 KB (gzip) | Vídeos do motor, sites, PWA, painéis. Padrão. Fala sincronizada perfeita. |
| 3D (Three.js) | 140 KB (gzip, já com Three.js) | Hero de landing, vídeos especiais. Mais pesado, pede GPU. |
| Rive (.riv) | 34 KB (gzip) + runtime | Apps nativos (Flutter, iOS, Android, React Native). Gerado por código, sem editor e sem plano pago. No navegador o runtime pesa ~0,7 MB. |
No navegador o 2D é o mais leve. Em app nativo o runtime do Rive já vem no app, então só o arquivo de 34 KB trafega.
Usar num site
<!-- gsap + bit-core + bit-svg --> const bit = Bit.live(el, { engine: '2d' }); bit.pose('acenando'); bit.follow(); // olhos seguem o cursor bit.say(audio, palavras); // boca sincronizada