pico · 一只住在云里的电子宠物

一个不用安装依赖、双击就能玩的网页电子宠物。

PICO 住在黄昏色的云端花园里。摸摸它、喂饱它、陪它追星星、哄它睡觉，它会记住你们一起过的小日子。

打开方式

直接双击 index.html 即可。没有构建步骤，也不需要联网。

如果浏览器对本地文件的存储有限制，可以在本目录下运行一个静态服务器：

python -m http.server 8000

然后打开 http://localhost:8000。

可以做什么

• 照料状态：饱食、心情、精力、清洁会随真实时间缓慢变化。离开一阵子再回来，PICO 也在过自己的时间。
• 准备一餐：草莓布丁、星星饼干、云朵饭团，每种食物会影响不同的状态。
• 追星星小游戏：15 秒内接住五颗飘过草地的星星，换取心情、成长值和星星币。
• 小衣橱：用星星币兑换晨露花环、莓果围巾和橡果贝雷帽；配饰是永久的，可随时更换。
• 今天的小约定：每天刷新的三个小目标，完成后自动领取奖励。
• 睡觉与成长：睡觉会恢复精力；照顾和游戏会积累成长值，升级还会收到额外星星币。
• 会变化的天空：界面会跟随本地时间切换清晨、白天、黄昏和夜晚；不同心情下，PICO 的表情和说的话也会变化。
• 安静的陪伴：合成的小音效、可关闭；所有记录保存在本地浏览器中。

小提示

• 点击 PICO 或右下角的「摸摸它」都可以互动。
• 睡觉时，喂食、游戏和洗澡会暂时收起；按「叫醒 PICO」即可继续。
• 存档键名为 pico.pet.v1。清除浏览器中此页面的站点数据，就会从全新的 PICO 开始。

文件

pico-pet/
├─ index.html         页面结构与内联 SVG 插画
├─ styles.css         视觉、动画与响应式布局
├─ app.js             状态、存档、小游戏与交互
├─ preview.png        桌面端预览
└─ preview-mobile.png 手机端整页预览

不依赖任何外部字体、图片或 JavaScript 库。所有场景与角色均由内联 SVG 和 CSS 绘制。