In this project, a chatbot avatar was developed using Rive for integration into a mobile application. The avatar is designed with a state machine–based animation system to deliver a realistic interaction experience during conversations with the user.

Animation Control: Lip movements are synchronized with the chatbot’s generated or played audio in real time.

State Machine Usage: Different states such as conversation start, ongoing speech, and end of speech were defined, and corresponding animation transitions were managed in Rive via the state machine.

Real-Time Synchronization: Phoneme or speech intensity data extracted from the audio stream dynamically updates animation parameters, ensuring natural-looking lip movement.

Mobile Integration: The Rive animation was optimized to run seamlessly within a mobile application, enhancing the visual quality of the chatbot interaction.