1 min readMohammad Shaker
[हिंदी] Our Rive Animation Pipeline: Bringing Arabic Characters to Life
[Hindi translation] Amal uses Rive for all character animations — lip-synced speech, avatar customization, feedback reactions, and game characters. Rive was chosen over L...
Engineering
त्वरित उत्तर
[Hindi translation] Amal uses Rive for all character animations — lip-synced speech, avatar customization, feedback reactions, and game characters. Rive was chosen over L...
# Our Rive Animation Pipeline: Bringing Arabic Characters to Life
[Hindi content]
## Our Rive Animation Pipeline: Bringing Arabic Characters to Life
Amal uses Rive (formerly Flare) for all character animations — including lip-synced speech, avatar customization, feedback reactions, and game characters. We chose Rive over Lottie or sprite sheets because it supports runtime state machines, programmatic manipulation, and GPU-accelerated rendering at 60fps, all in a single compact file per character.
### The Animation Asset Library
**Core Characters**
`lip-sync-amal-01.riv`
- Main Amal character (full-body and face-only variants)
- Multiple artboards per mouth position (for phoneme mapping)
- States: idle, speaking, error, celebration, sleeping
- File size: 1.2 MB (vs. 50+ MB for sprite sheets)
`avatar.riv`
- Customizable user avatar (3 artboards)
1. Full-body: head, torso, limbs with clothing
2. Head-only: for dashboard and parent app
3. Butterfly companion: reward animation
- Component-based: head shape, hair, eyes, clothes, accessories, colors
- File size:
![[हिंदी] How We Built a Multi-App Platform From a Single Codebase](/_next/image?url=%2Fimages%2Fblog%2Fmulti-app-platform-single-codebase.jpg&w=3840&q=75)
![[हिंदी] How We Generate 10,000+ Educational Content Items With AI Pipelines](/_next/image?url=%2Fimages%2Fblog%2Fai-pipelines-generate-10000-educational-content.jpg&w=3840&q=75)
![[हिंदी] Serverless at Scale: Running Arabic EdTech on AWS Lambda](/_next/image?url=%2Fimages%2Fblog%2Fserverless-scale-aws-lambda-edtech.jpg&w=3840&q=75)