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.

Источник