IDLE
LISTENING
THINKING
SPEAKING
AI orb
An animated avatar that shows what an AI assistant is doing. At rest its particles form a compass arrow. When it thinks or speaks, they break apart and flow.
- Raw WebGL. No libraries, around 200 lines.
- About 40 particles. One value controls their shape. At 1 they form the arrow. At 0 they flow free.
- Every corner of the arrow gets its own particle. Without them, the eye stops reading it as an arrow.
- Listening holds the arrow at 88%, so it shimmers slightly loose.
- State changes blend over about a second. Nothing cuts.
- The glow is drawn outside its own box, so the edge fades out instead of stopping.
- With reduced motion turned on, it holds still.
- Designed and directed by me. Built with Claude.