How We Built the AgenticOS Desktop Pets

说明与用途

为 AgenticOS 实现了一个交互式桌面宠物，跟随光标、响应用户操作，并在主窗口最小化时保持可见，提升用户体验。

问题

Integrating a lightweight, interactive desktop pet into a Tauri-based AI agent platform without disrupting the main application or user workflow.

结果

The AgenticOS desktop pet provides an engaging, low‑resource interactive element that enhances user experience while keeping the main application lightweight and responsive.

工作流

• 1. Design pet artwork as a grid of colored characters with transparent dots.
• 2. Define each pet’s body parts and coordinates in pet-sprites.js.
• 3. Create animation frames (blink, wave, walk, sleep, hop) as arrays of part positions.
• 4. Implement pet-engine.js to decide behavior based on time, position, and cursor events.
• 5. Add cursor interaction logic: eye tracking, stroking, clicking, double‑clicking, hovering, right‑click menu.
• 6. Render the pet in a transparent, always‑on‑top Tauri window separate from the main console.
• 7. Persist pet state (type, visibility, position) across launches.
• 8. Test behavior logic with unit tests included in the repository.

证据

The pet lives in a transparent, always‑on‑top Tauri window.

来源

The artwork starts as a small grid. Each character in the grid represents a colour, and a dot represents a transparent pixel.

来源

Clicking makes the pet wave and say something. Double‑clicking brings the AgenticOS window forward.

来源