🎮 游戏简介 ------ 萌宠乐园
《萌宠乐园》是一款轻松治愈的 3D 云养宠小游戏 :在一片绿草如茵、有大树白云的露天乐园里,领养一只属于自己的立体小动物,喂食、玩耍、到处溜达,把你们的亲密度一点点刷上去!

🌈 游戏玩法
1. 选择你的小伙伴
游戏开始前可以从三只小动物中挑一只领养,随时可以切换:
| 宠物 | 特点 |
|---|---|
| 🐱 小猫 | 软萌粘人,喵言喵语 |
| 🐶 小狗 | 活泼好动,尾巴摇个不停 |
| 🐰 小兔 | 文静乖巧,蹦蹦跳跳 |
2. 互动动作(每只都能做)
| 操作 | 效果 | 亲密度 |
|---|---|---|
| 🍖 喂食 | 食物从空中飞到宠物嘴边,宠物兴奋地摇尾巴 | +5(喂食数 +1) |
| ⭐ 跳跃 | 小宠物原地起跳,落地后还会晃晃悠悠 | +2 |
| 💫 转圈 | 原地转一整圈,「转得我头晕眼花!」 | +2 |
| 🖱️ 点它 | 摸摸小宠物,它会害羞地回应你 | +1 |
| ⬆️⬇️⬅️➡️ 走动 | 带着宠物在草地上散步,宠物会朝你按的方向转身走路 | --- |
3. 亲密度系统
- 界面左上角实时显示 ❤️ 亲密度 和 ⭐ 喂食 两个数值
- 每次互动都会累积亲密度,互动越勤快,数值涨得越快
- 宠物会对你的操作做出随机台词回应,比如「太好吃了!谢谢你」「再摸摸我嘛」
🎬 游戏亮点
- 真·3D 立体模型:小动物不是一张图片,而是用 Three.js 几何体逐块拼出来的------身体、脑袋、耳朵、四肢、尾巴都是独立部件,会眨眼、摇尾巴、迈腿走路
- 拟真小动画:呼吸起伏、随机眨眼、走路摆腿、开心时尾巴加速摇摆,连吃掉的食物都有飞入嘴里的抛物线动画
- 治愈系场景:圆形大草地 + 随机草丛、4 棵大树、朵朵白云,柔和阳光投下软阴影,远处景物融入天际雾
- 气泡对话:宠物头顶会弹出对话气泡,跟随宠物位置移动,像个真正的小生命
- 零门槛:纯 HTML/CSS/JS,不用下载安装,浏览器打开即玩,手机竖屏也能操作
🎯 适合谁玩
- 想碎片时间放松、撸不到真猫真狗的云吸宠玩家
- 想学习 Three.js 程序化建模 和简单游戏状态管理的前端初学者(
game.js仅 700 行左右,注释清晰,非常适合阅读模仿)
▶️ 如何开始
用浏览器打开 index.html 即可,详见 <README.md>。
祝你和你的小萌宠玩得开心!🎉
