一颗会表态的 AI 助手状态球。零依赖、纯 SVG ——
这个页面就是证明:没有构建、没有 npm install,直接 import 源码。
把鼠标在页面上移动,它们都会看着你。
8 个物种 · 8 种表情 · 鼠标靠近会竖耳朵 · 戳一下会回弹 · 来回摸摸会害羞冒爱心。经典的球体形态一个没少,下面照样能用。
生灵是可选插件,不加载时核心包不变:import 'ai-orb/creatures'
import { AgentOrb } from 'ai-orb'
import 'ai-orb/creatures'
const orb = new AgentOrb(el, { creature: 'cat', theme: 'violet', motion: 'bounce' })
orb.mood = 'sparkle' // 8 种表情,嘴型跟着变
orb.poke() // 戳一下:果冻回弹 + 星光
// 摸摸:在它身上来回划动会触发 onPet
待命。只呼吸,不做别的——它是常驻状态,多余动效会变成噪音。
orb.state = 'idle'import { AgentOrb } from 'ai-orb'
const orb = new AgentOrb(document.querySelector('#orb'))
orb.state = 'thinking' // 模型在想
orb.state = 'working' // 长任务跑着,环在转
orb.set('done', 3) // 好了,角标 3
orb.destroy() // 卸载时记得清理