Files

- 创建基础项目结构
- 实现 HTML/CSS/JS 基础框架
- 配置游戏界面和样式

Closes #1

2026-02-27 14:01:03 +00:00

2.5 KiB

Raw Blame History

🐍 贪吃蛇游戏

一个经典的网页版贪吃蛇游戏，使用纯 HTML/CSS/JavaScript 实现。

✨ 特性

🎮 经典贪吃蛇玩法
🎯 三种难度级别（简单/中等/困难）
⏸️ 支持暂停和重置
📊 实时分数统计
🎨 精美的渐变 UI 设计
⌨️ 键盘方向键控制
📱 响应式设计

🎮 游戏玩法

点击"开始游戏"按钮开始
使用方向键 ↑ ↓ ← → 控制蛇的移动
吃到食物（红色圆点）获得 10 分
避免撞墙或撞到自己的身体
随时可以暂停或重置游戏

🚀 快速开始

方式 1：直接打开

直接用浏览器打开 index.html 文件即可开始游戏。

方式 2：本地服务器

# 使用 Python
python3 -m http.server 8000

# 使用 Node.js (需要安装 http-server)
npx http-server

# 然后访问 http://localhost:8000

方式 3：部署到 Web 服务器

将所有文件部署到任何 Web 服务器（Nginx、Apache 等）的根目录即可。

📦 项目结构

snake-game/
├── index.html          # 主页面
├── style.css           # 样式文件
├── game.js            # 游戏逻辑
├── README.md          # 项目说明
└── LICENSE            # MIT 许可证

🛠️ 技术栈

HTML5 - 页面结构
CSS3 - 样式和动画
JavaScript (ES6+) - 游戏逻辑
Canvas API - 游戏渲染

🎯 游戏配置

可以在 game.js 中修改 CONFIG 对象来自定义游戏参数：

const CONFIG = {
    gridSize: 20,           // 网格大小
    canvasSize: 400,        // 画布大小
    easySpeed: 150,         // 简单模式速度
    mediumSpeed: 100,       // 中等模式速度
    hardSpeed: 50          // 困难模式速度
};

📝 开发路线图

本项目通过分阶段开发完成，展示完整的软件开发流程：

📄 许可证

本项目采用 MIT 许可证。详见 LICENSE 文件。

🤝 贡献

欢迎提交 Issue 和 Pull Request！

游戏愉快！🎮

2.5 KiB Raw Blame History Unescape Escape