main
A dependency-free browser companion with live needs, a star-catching mini game, daily goals, collectible accessories, local saving, day/night scenery and a responsive layout.
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 绘制。
Languages
CSS
40.2%
JavaScript
34.3%
HTML
25.5%
