Avatar
Avatar States
Understand the avatar state machine: idle, greeting, walking, talking, listening, and thinking transitions.
Overview
The Asiyst avatar uses a deterministic state machine controller that blends skeletal animation tracks smoothly with cross-fade transitions.
State Machine Architecture
| State | Trigger | Animation Description |
|---|---|---|
idle | Default resting state | Gentle breathing, subtle eye blinks, floating physics |
greeting | Page load / initial engagement | Friendly wave or welcome bow |
talking | Assistant response streaming | Lip-synced mouth movement and explanatory hand gestures |
thinking | Model inference pending | Inquisitive head tilt, rotating orbit particle glow |
walking | Guided tour navigation | Walking or gliding across the viewport to target elements |
Programmatic State Triggers
Trigger animation states on custom user interactions:
// Trigger celebration gesture on user purchase
Asiyst.setAvatarState("celebrating");
// Return to idle loop
setTimeout(() => Asiyst.setAvatarState("idle"), 4000);