一个有趣的HTML5宇宙探险小游戏,包含9个关卡和不同的萌可角色!
在这个充满挑战的宇宙探险中,你将操控一艘可爱的飞船,穿越星空收集星星,同时避开危险的陨石。每个关卡都有独特的萌可角色陪伴你的冒险!
- 🚀 9个独特关卡:每关对应不同的萌可角色
- ⭐ 收集星星:获得分数,解锁下一关
- ☄️ 躲避陨石:考验你的反应能力
- 🎨 可爱UI设计:参考奇妙萌可的风格,色彩缤纷
- 📊 实时得分板:追踪你的最高分和收集成就
- 💾 本地存储:自动保存最高分记录
- ← 左方向键:向左移动飞船
- → 右方向键:向右移动飞船
- 收集星星 ⭐ 每个加 10分
- 每关需要 50分 才能升级
- 碰到陨石 ☄️ 游戏结束
- 完成所有9关,成为宇宙探险大师!
| 关卡 | 萌可名称 | 图标 | 主题色 |
|---|---|---|---|
| 1 | 星光萌可 | ⭐ | 金色 |
| 2 | 月光萌可 | 🌙 | 银色 |
| 3 | 光明萌可 | 💡 | 亮黄 |
| 4 | 绵羊萌可 | 🐑 | 白色 |
| 5 | 透明萌可 | 💎 | 浅蓝 |
| 6 | 纷纷萌可 | 🌸 | 粉色 |
| 7 | 悄悄萌可 | 🦋 | 紫色 |
| 8 | 歌谣萌可 | 🎵 | 天蓝 |
| 9 | 动动萌可 | ⚡ | 嫩绿 |
直接在浏览器中打开 index.html 文件即可开始游戏!
- 克隆或下载本仓库
git clone https://github.com/bluelyw/MocoAdventure.git- 打开
index.html文件
cd MocoAdventure
open index.html # macOS
# 或者直接双击 index.html 文件- 开始游戏!
- HTML5 Canvas:游戏渲染引擎
- 原生JavaScript:游戏逻辑和动画
- CSS3:界面样式和动画效果
- LocalStorage:本地数据存储
支持所有现代浏览器:
- ✅ Chrome
- ✅ Firefox
- ✅ Safari
- ✅ Edge
- 梦幻的紫粉色宇宙主题
- 平滑的动画效果
- 响应式的交互体验
- 可爱的emoji图标
- 星星闪烁和浮动动画
- 当前分数:实时显示游戏进度
- 最高分数:自动保存历史最佳成绩
- 星星收集:统计总共收集的星星数量
- 关卡进度:显示当前所在关卡(1-9)
游戏界面包含:
- 🎮 主游戏画布:800x600像素
- 📊 得分板:右上角实时统计
- 🎨 关卡信息:顶部显示当前萌可
欢迎提出建议和改进意见!
MIT License
bluelyw
感谢"奇妙萌可"为这个游戏带来的灵感!
⭐ 如果你喜欢这个游戏,请给这个项目点个星星!