Select Active AI State
Speech Simulator Integration
Simulate AI processing output. This sends mock frequency signals directly to AEye.
Avatar Physics Settings
Interactive Tracking
Eye moves in real-time to track cursor pointer.
Micro-Saccades (Idle)
Enables tiny organic focus jumps for realistic depth.
Aesthetic & Biometric Adjustments
Biometrics
Iris Color Spectrum
SDK Integration Boilerplate
Our state-machine is designed to plug directly into LLM trigger APIs or ElevenLabs/Web Speech TTS progress events. Use the code snippet below to initialize and control the visual state easily.
aeye-controller.js
// 1. Import or target the AEye element
const avatar = new AEyeController({
elementId: '#eye-svg',
defaultState: 'idle',
irisColor: '#06b6d4'
});
// 2. Trigger active states based on LLM events
onLLMRequestStart(() => {
avatar.setState('thinking');
});
// 3. Map TTS voice callbacks for synchronized talk
onTTSChunkPlay(audioBuffer) => {
avatar.setState('speaking', {
amplitude: audioBuffer.volume
});
};
// 4. Return to attentive tracking
onTTSFinished(() => {
avatar.setState('idle');
});