Meet Cosmo, the AI mentor for the CodeSignal learning app and my entry for the Rive Character Challenge.
He celebrates your progress and gives feedback when your answer isn't quite right. Depending on the situation, he can be playful and funny, sad or disappointed, thoughtful, or full of energy.
Cosmo remains visible for most of the learning experience, either at the top or bottom of the screen, and constantly responds to user actions.
I created a system of expressions that can be mixed and matched with hand gestures to form many different combinations. This allows Cosmo to feel less predictable and react naturally to the user's actions in any situation.
To keep the runtime lightweight, I created different rigs for different poses and used the same facial animation library for all of them.
• 36 reusable facial expressions
• 10+ animated poses
• Reactions to user answers, learning progress, and achievements
• Mix-and-match facial expressions and gestures for more varied feedback
• Light and dark mode support with runtime colour switching
• UI animations
• Day Streak animation
Product:
Cosmo: Learn GenAI & More
You can check out a sitting pose here:
https://rive.app/s/MiVniVKA-0ODUjtcaOXRTA/?runtime=rive-renderer
This file includes 5 gestures (at the top) and a set of expressions.
Each gesture and expression has its own trigger.
To create a combination, choose an expression from the "Expression" list, then trigger a gesture. The default expression is "Correct_nod".
I hope you enjoy getting to know Cosmo as much as I enjoyed bringing him to life =)