Skip to content

jiachaoDing/abstract-snake

Repository files navigation

抽象贪吃蛇 (Abstract Snake)

一款基于 HTML5 Canvas 和原生 JavaScript 开发的魔改版贪吃蛇游戏,融合了动作挑战与酷炫特效。

🎮 游戏玩法流程

  1. 资源加载与开始

    • 游戏启动时进入加载界面,自动预加载所有图像与音效资源。
    • 资源加载完成后,点击“进入游戏”按钮正式开启挑战。
  2. 基础成长机制

    • 蛇体控制:PC 端使用键盘方向键,移动端支持滑动屏幕控制。
    • 无限模式:取消了墙体碰撞,蛇可以自由穿过屏幕边缘(穿墙)。
    • 普通食物:屏幕上随机分布着普通食物,吃掉可获得积分并增长身体。
  3. 特殊奖励与挑战 (核心特色)

    • 特殊食物 (Food2):每吃掉 15 个普通食物,场上会刷新出 3 个巨大的特殊食物。
    • 全屏特效:撞击特殊食物会触发精美全屏精灵图动画及专属 BGM。
    • 飞刀来袭:触发特效的同时,屏幕右侧会发射 5 把旋转的飞刀
  4. 飞刀威胁机制

    • 飞行路径:飞刀从右向左缓慢飞行,支持穿墙,持续存在 5 秒。
    • 截断惩罚:如果飞刀撞击到蛇的身体,蛇身会从撞击点被直接截断,并播放提示音。
    • 致命伤害:如果飞刀撞击到蛇的头部,游戏立即结束。
  5. 得分与记录

    • 分数系统:吃普通食物加分,特殊食物加高分。
    • 长度记录:实时记录并展示本局游戏蛇身体达到过的最高长度
  6. 失败与重来

    • 死亡判定:蛇头撞击自身或撞击飞刀即为死亡。
    • 快速重启:点击“重新开始”可立即重置游戏状态,保留最高长度记录。

🛠️ 技术特性

  • 模块化架构:代码拆分为资源管理、蛇体逻辑、食物管理、飞刀逻辑、动画引擎等独立模块。
  • 性能优化:采用双层画布 (Dual Canvas) 渲染技术,全屏特效使用 GPU 硬件加速 (CSS Filter),确保在特效满屏时游戏逻辑依然丝滑。
  • 适配性:支持 PC 与移动端浏览器,画布大小随窗口动态调整。

About

Abstract Snake Game

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors