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

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

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

![PICO 的桌面端小屋](preview.png)

## 打开方式

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

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

```powershell
python -m http.server 8000
```

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

## 可以做什么

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

## 小提示

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

## 文件

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

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