WebPet / VRM
WebPet / VRM 桌宠系统
A VRM desktop companion with animation, interaction, docking, persistence, and a small emotional runtime.
WebPet 需要像站点的一部分一样存在,而不是每次导航或主题切换都重新加载、跳位或打断动作。
React 只负责挂载、样式和一次性启动,position、dock、peek、restore 由 runtime 拥有;导航事件做去重并延迟到稳定状态后派发。
当前已能跨页面保持一次加载和 hatch 状态,后续重点是动作调度和调试可视化。
Why it exists
WebPet explores how a character can feel present without becoming a modal product feature. It lives at the edge of the page, reacts to navigation and pointer input, and keeps its display state between visits.
Current system
The runtime loads a VRM model through Three.js, coordinates classic poses and VRMA clips, and exposes a narrow API for the site shell. Position, docking, and persistence remain runtime-owned so the React mount only controls lifecycle and semantic events.
The next pass is focused on interaction quality, model capability auditing, and making the behavior system easier to tune without touching rendering code.