3D 云养宠小游戏

🎮 游戏简介 ------ 萌宠乐园

《萌宠乐园》是一款轻松治愈的 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>。

祝你和你的小萌宠玩得开心!🎉

相关推荐
派大鑫wink3 小时前
纯前端实现软考中级·软件设计师备考学习网站
前端·学习
smartpi_ai3 小时前
51 单片机写好了,大模型语音怎么接?17T 全驱动的现成方案、双板串口分工的边界与画板前的三项硬件确认
单片机·嵌入式硬件·学习
辣知4 小时前
辣知·化智82 人类文明演化规律文化传承
学习
小雪崩6 小时前
嵌入式学习:Linux驱动开发总结
linux·驱动开发·学习
keyipatience7 小时前
JS学习笔记(2)数组,函数,作用域,对象
前端·javascript·笔记·学习·html
你想知道什么?7 小时前
词向量总结-学习笔记
人工智能·笔记·学习
yangmu32038 小时前
开发网站的完整流程:从0到1上线指南
运维·学习
hackchen8 小时前
LangChain 学习第 2 课 - 提示词模板(Prompt Template)
学习·langchain·prompt
Awh-9 小时前
ARM 裸机开发 DAY10 学习笔记
arm开发·笔记·学习