Kids AI Learning Assistant: Interactive Rive Demo
An existing educational character demo used to discuss assistant behavior and learning-product feedback.
Explore the character’s motion and verified export structure, then use the portfolio player to inspect available runtime controls.
Inside this Rive export
Artboard: Artboard. State Machine: State Machine 1.
Named animations in the file
Curious, Happy, Hi Wave, Idle, Breathing, Sil, QW, BMP, FV, AEI.
The export declares a numeric input named Number 1. The portfolio player also exposes the mouthShape data property. Mouth-shape animations and expressions are present; mapping speech timing and values is part of the integration scope.
What to review in this demo
- The application sends conversation events; the animation renders the agreed visual response.
- Keep speaking, expression and gaze independently controllable when the product needs them.
- Choose amplitude-driven mouth motion or timed visemes based on the voice data your application can supply.
Inspect the controls exposed by the full portfolio player before assuming a named input or animation exists. The embedded preview plays the file’s default behavior.
From portfolio asset to your project
Controls and runtime
These previews use the WebGL2 Rive web runtime with a contained, centered artboard. Runtime APIs, State Machine inputs and ViewModel properties must match the exported file and selected SDK.
Delivery scope
Your commissioned scope defines artwork rights, .riv exports, states, input documentation, supported runtime and testing responsibilities. These are agreed deliverables rather than inferred from a portfolio preview.