一款基于 HTML5 Canvas 和原生 JavaScript 开发的魔改版贪吃蛇游戏,融合了动作挑战与酷炫特效。
-
资源加载与开始
- 游戏启动时进入加载界面,自动预加载所有图像与音效资源。
- 资源加载完成后,点击“进入游戏”按钮正式开启挑战。
-
基础成长机制
- 蛇体控制:PC 端使用键盘方向键,移动端支持滑动屏幕控制。
- 无限模式:取消了墙体碰撞,蛇可以自由穿过屏幕边缘(穿墙)。
- 普通食物:屏幕上随机分布着普通食物,吃掉可获得积分并增长身体。
-
特殊奖励与挑战 (核心特色)
- 特殊食物 (Food2):每吃掉 15 个普通食物,场上会刷新出 3 个巨大的特殊食物。
- 全屏特效:撞击特殊食物会触发精美全屏精灵图动画及专属 BGM。
- 飞刀来袭:触发特效的同时,屏幕右侧会发射 5 把旋转的飞刀。
-
飞刀威胁机制
- 飞行路径:飞刀从右向左缓慢飞行,支持穿墙,持续存在 5 秒。
- 截断惩罚:如果飞刀撞击到蛇的身体,蛇身会从撞击点被直接截断,并播放提示音。
- 致命伤害:如果飞刀撞击到蛇的头部,游戏立即结束。
-
得分与记录
- 分数系统:吃普通食物加分,特殊食物加高分。
- 长度记录:实时记录并展示本局游戏蛇身体达到过的最高长度。
-
失败与重来
- 死亡判定:蛇头撞击自身或撞击飞刀即为死亡。
- 快速重启:点击“重新开始”可立即重置游戏状态,保留最高长度记录。
- 模块化架构:代码拆分为资源管理、蛇体逻辑、食物管理、飞刀逻辑、动画引擎等独立模块。
- 性能优化:采用双层画布 (Dual Canvas) 渲染技术,全屏特效使用 GPU 硬件加速 (CSS Filter),确保在特效满屏时游戏逻辑依然丝滑。
- 适配性:支持 PC 与移动端浏览器,画布大小随窗口动态调整。