100 个 JavaScript 小游戏

Day 101: 小米 Mimo V2 Pro 开发 100 个 Javascript 小游戏 🎮

一个包含 100 个极简 JavaScript 小游戏 的集合。每个游戏都是独立的 HTML 文件,可以直接在浏览器中运行,无需安装任何依赖。

本项目使用 小米 Mimo V2 Pro 辅助开发,展示了 AI 辅助编程的强大能力。

🎯 项目特色

  • 100个独立游戏 - 每个游戏都是一个完整的 HTML 文件
  • 即开即玩 - 无需安装,双击即可运行
  • 响应式设计 - 支持桌面端和移动端
  • 本地存储 - 自动保存最高分记录
  • 纯原生实现 - 无框架依赖,适合学习

📸 游戏截图预览

🧩 益智解谜类

001 点击计数器 002 猜数字 003 记忆翻牌 004 2048
001 002 003 004

005 数独

♟️ 纸牌棋盘类

036 井字棋 037 五子棋
036 037

🎯 动作射击类

071 贪吃蛇 072 俄罗斯方块 073 打砖块
071 072 073

074 太空侵略者

077 吃豆人

📁 项目结构

100-javascript-games/
├── index.html              # 主页面(游戏列表)
├── README.md               # 项目说明
├── game-001/              # 点击计数器
│   └── index.html
├── game-002/              # 猜数字
│   └── index.html
├── game-071/              # 贪吃蛇
│   └── index.html
├── game-072/              # 俄罗斯方块
│   └── index.html
└── game-100/              # 宇宙战争
    └── index.html

🚀 快速开始

方法一:直接运行

  1. 下载或克隆本项目
  2. 双击 index.html 文件
  3. 选择游戏开始玩耍

方法二:本地服务器(推荐)

cd 100-javascript-games
python3 -m http.server 8000
# 打开浏览器访问 http://localhost:8000

方法三:GitHub Pages

🔗 在线演示

🎮 完整游戏列表

🧩 益智解谜类 (35个)

编号 游戏名称 说明 难度
001 点击计数器 5秒内点击最多次数
002 猜数字 1-100猜数字
003 记忆翻牌 配对卡片 ⭐⭐
004 2048 数字合并游戏 ⭐⭐⭐
005 数独 简化版数独 ⭐⭐⭐
006 滑块拼图 15拼图 ⭐⭐
009 汉诺塔 经典递归游戏 ⭐⭐⭐
010 华容道 滑块解谜 ⭐⭐⭐
013 扫雷 经典扫雷 ⭐⭐⭐
014 迷宫生成 随机迷宫 ⭐⭐

♟️ 纸牌棋盘类 (35个)

编号 游戏名称 说明 难度
036 井字棋 经典Tic-Tac-Toe
037 五子棋 连五子获胜 ⭐⭐
039 黑白棋 Reversi ⭐⭐
041 国际象棋 象棋简化版 ⭐⭐⭐
047 老虎机 老虎机模拟

🎯 动作射击类 (30个)

编号 游戏名称 说明 难度
071 贪吃蛇 经典贪吃蛇 ⭐⭐
072 俄罗斯方块 Tetris ⭐⭐⭐
073 打砖块 Breakout ⭐⭐
074 太空侵略者 Space Invaders ⭐⭐⭐
077 吃豆人 Pac-Man简化版 ⭐⭐
095 小行星 Asteroids ⭐⭐⭐
097 月球登陆 Moon Landing ⭐⭐⭐

🛠️ 技术栈

  • HTML5 - 页面结构
  • CSS3 - 样式和动画
  • JavaScript (ES6+) - 游戏逻辑
  • Canvas API - 图形渲染
  • LocalStorage - 数据持久化

📱 浏览器支持

浏览器 最低版本
Chrome 60+
Firefox 55+
Safari 11+
Edge 79+

🔗 相关链接

📄 许可证

MIT License


⭐ 如果这个项目对你有帮助,请给个 Star!