目录

🐍 贪吃蛇 — Snake Game

经典贪吃蛇游戏的现代化重塑,温暖护眼配色 + 11 项扩展功能,开箱即用。

start_screen


✨ 功能一览

类别 功能 说明
🎮 基础玩法 方向键 / 触屏控制 经典贪吃蛇操作方式
🏆 排行榜 本地 Top 10 记录 按分数排序,持久化存储
📊 统计面板 游戏数据总览 总场次、最高分、总吃食数、游戏时长等
🎯 难度选择 简单 / 普通 / 困难 不同速度与网格大小
🍎 多种食物 普通 / 金色 / 闪电 / 钻石 不同分值与特殊效果
💊 道具系统 减速 / 护盾 / 双倍得分 限时生效,策略玩法
🎨 主题切换 经典暖色 / 霓虹赛博 / 像素复古 / 深海 四种视觉风格一键切换
✨ 粒子特效 吃食 / 道具 / 死亡粒子 增强视觉反馈
📖 关卡模式 10 个递进关卡 每关目标分数递增,障碍逐步出现
👕 皮肤商店 10+ 蛇身皮肤 用游戏金币解锁,从经典到彩虹
🌌 动态背景 粒子漂浮 + 渐变动画 画布背景不再单调
🏅 成就系统 15+ 成就挑战 首次吃食、连击、通关等里程碑

📸 游戏截图

难度选择

difficulty_selection

排行榜

leaderboard

皮肤商店

skin_shop

成就系统

achievements

统计面板

statistics

游戏进行中

gameplay

主题 — 霓虹赛博

theme_neon

主题 — 像素复古

theme_pixel

主题 — 深海

theme_ocean


🎮 操作方式

按键 功能
↑ ↓ ← → 控制蛇的移动方向
P 暂停 / 继续
Space 开始 / 重新开始
Enter 重新开始(游戏结束后)

支持触屏滑动操作(移动端)。


🚀 运行方式

直接在浏览器中打开 index.html 即可开始游戏,无需安装任何依赖,无需联网

# 方式一:双击 index.html 打开

# 方式二:命令行打开
open index.html        # macOS
start index.html       # Windows
xdg-open index.html    # Linux

# 方式三:本地服务器(可选)
python -m http.server 8000
# 然后访问 http://localhost:8000

💡 项目为单文件架构(所有 HTML / CSS / JS 集成在 index.html 中),下载 ZIP 解压后双击即可游玩,不存在路径丢失问题。


🛠 技术栈

技术 用途
HTML5 Canvas 游戏画面渲染
CSS3 UI 样式与动画
原生 JavaScript 游戏逻辑(无框架依赖)
localStorage 数据持久化(排行榜、统计、皮肤、成就等)

📁 项目结构

snake-game/
├── index.html          # 游戏主文件(单文件,包含全部代码)
├── screenshots/        # 游戏截图
│   ├── start_screen.png
│   ├── difficulty_selection.png
│   ├── leaderboard.png
│   ├── skin_shop.png
│   ├── achievements.png
│   ├── statistics.png
│   ├── gameplay.png
│   ├── theme_neon.png
│   ├── theme_pixel.png
│   └── theme_ocean.png
└── README.md           # 项目说明

🎯 功能详解

🏆 排行榜

  • 记录每局分数、难度、时间
  • Top 10 排名,数据存储在浏览器 localStorage
  • 支持一键清空记录

📊 统计面板

  • 总游戏场次、累计得分
  • 最高分、最长蛇身长度
  • 总游戏时长、平均每局得分

🎯 难度选择

难度 速度 特点
简单 适合新手,网格较大
普通 标准体验
困难 高手挑战,反应速度要求高

🍎 多种食物

食物 颜色 分值 特殊效果
苹果 红色 1 分
金苹果 金色 3 分
闪电 黄色 1 分 短暂加速
钻石 蓝色 5 分 稀有出现

💊 道具系统

道具 效果 持续时间
🧊 减速 降低移动速度 5 秒
🛡️ 护盾 免疫一次碰撞 单次触发
⚡ 双倍 分数翻倍 8 秒

🎨 主题切换

四种视觉风格,切换后即时生效:

主题 风格描述
经典暖色 温暖奶油底色,护眼舒适
霓虹赛博 暗色背景 + 霓虹发光
像素复古 像素风配色,致敬经典
深海 深蓝渐变,沉浸感强

👕 皮肤商店

  • 10+ 蛇身皮肤可用金币购买
  • 金币通过游戏内吃食获取
  • 皮肤包括:经典绿、火焰红、海洋蓝、彩虹、渐变紫等

🏅 成就系统

15+ 成就挑战,覆盖新手到高手:

  • 🐣 初出茅庐 — 完成第一局游戏
  • 🍎 食神 — 单局吃到 50 个食物
  • 💎 钻石猎手 — 吃到 10 颗钻石
  • 🏆 满分王 — 单局得分超过 100
  • 速度恶魔 — 在困难模式下得分超过 50
  • …更多成就等你解锁

📜 版本历史

v3.0 — 扩展升级

新增 11 项功能:排行榜、统计面板、难度选择、多种食物、道具系统、主题切换、粒子特效、关卡模式、皮肤商店、动态背景、成就系统

v2.0 — 中文护眼版

全部 UI 文字中文化,温暖护眼配色方案,响应式画布适配

v1.0 — 初始版本

基础贪吃蛇玩法,键盘 + 触屏控制


📄 许可证

MIT License — 自由使用、修改和分发。

关于
645.0 KB
邀请码
    Gitlink(确实开源)
  • 加入我们
  • 官网邮箱:gitlink@ccf.org.cn
  • QQ群
  • QQ群
  • 公众号
  • 公众号

版权所有:中国计算机学会技术支持:开源发展技术委员会
京ICP备13000930号-9 京公网安备 11010802047560号