霓虹星际贪吃蛇 🐍✨
一款基于纯JavaScript开发的创意贪吃蛇游戏，采用太空科幻主题设计，具有炫酷的视觉效果和创新的玩法。
🌟 游戏特色
视觉效果
- 太空科幻主题：深色径向渐变背景
- 霓虹灯UI：蓝色发光界面元素
- 蛇身渐变：从尾部到头部的透明度渐变
- 光晕效果：蛇身和食物都有发光效果
- 粒子拖尾：蛇移动时产生炫酷的粒子效果
- 网格背景：半透明网格线增强空间感
游戏玩法
- 特殊食物系统：10%概率生成紫色特殊食物
- 加分机制：普通食物+1分，特殊食物+3分
- 时间限制：特殊食物10秒后消失
- 排行榜：记录前10名最高分
- 3秒倒计时：游戏开始前给予准备时间
🎮 游戏操作
- 开始游戏：点击"开始游戏"按钮
- 控制方向：WASD键或方向键
- 暂停/继续：点击"暂停"按钮
- 重置游戏：点击"重置"按钮
- 调整难度：选择简单、中等或困难
🛠️ 技术栈
- HTML5 Canvas：游戏画面绘制
- CSS3 动画：界面效果和过渡
- 原生JavaScript：无框架依赖
- LocalStorage：数据持久化存储
📦 项目结构
xtjj/
├── index.html # 游戏主页面
├── style.css # 样式文件
├── script.js # 游戏逻辑
└── README.md # 项目说明
🚀 快速开始
- 克隆或下载项目
- 在浏览器中打开
index.html - 点击"开始游戏"按钮
- 使用键盘控制蛇的移动
🎯 难度设置
- 简单：200ms（最慢）
- 中等：150ms（适中）
- 困难：100ms（最快）
🏆 排行榜功能
- 自动记录游戏分数
- 按分数降序排列
- 只保留前10名记录
- 显示游戏日期和时间
- 数据存储在浏览器本地
🌐 在线演示
📸 游戏截图
（请添加游戏截图）
🎨 设计理念
视觉设计
采用太空科幻主题，使用深色背景配合霓虹灯效果，营造未来感。蛇身采用渐变透明度设计，头部最亮，尾部逐渐透明，增强立体感。
粒子系统
蛇移动时产生蓝色粒子效果，粒子会随机扩散并逐渐消失，增加游戏的动感和视觉吸引力。
特殊食物
紫色特殊食物带有更强的发光效果，时间限制机制增加了游戏的策略性和紧张感。
💡 核心功能实现
游戏循环
使用 setInterval 实现游戏主循环，根据难度设置不同的更新频率。
碰撞检测
检测蛇头与边界、蛇身的碰撞，判断游戏结束条件。
粒子效果
使用粒子数组管理粒子生命周期，每帧更新粒子位置和透明度。
本地存储
使用 localStorage API 实现排行榜数据的持久化存储。
🎓 学习价值
这个项目适合学习：
- Canvas API 绘图
- 游戏循环设计
- 事件处理机制
- 数据持久化
- 粒子系统实现
📝 后续改进
- 添加音效系统
- 增加游戏模式（无尽模式、挑战模式）
- 添加皮肤选择
- 实现移动端优化
- 添加成就系统
🤝 贡献
欢迎提交 Issue 和 Pull Request！
📄 许可证
MIT License
🙏 致谢
感谢所有为这个项目提供帮助和建议的朋友！
立即体验霓虹星际贪吃蛇，开启您的太空冒险之旅！ 🚀✨
