Interaction Design Projects in Federal Capital TerritoryInteraction Design Projects in Federal Capital TerritoryIāve built a fully interactive 3D Voice Orb in Three.js for clients, designed to feel alive and responsive. The orb has four core states, each giving users visual feedback on what the system is doing:
Idle: a calm breathing animation, keeping the orb alive without demanding attention.
Listening: the orb tightens and brightens slightly, showing itās focused and ready for input.
Speaking: fully audio-reactive, it pulses, glows, and moves based on real-time volume and frequencies, giving the āvoiceā a visual personality.
Thinking: looping subtle animations like swirling cores or orbiting rings, signaling background processing.
The goal was to make an interface that communicates state and emotion without words, and all of it runs smoothly in Three.js.