📢 欢迎来到万事技术论坛!本站仅讨论合法编程技术话题,严禁外挂/作弊/黑产/盗版内容,违者封号。

精华【原创开源】贪吃蛇:单文件 HTML,双击就能玩

lin_dev 活跃会员

一个文件搞定,不依赖任何库,下载后双击用浏览器打开就能玩。

玩法

  • 方向键 / WASD 控制方向,空格暂停
  • 吃到金色食物 +10 分,撞墙或撞到自己就结束
  • 会记录本局最高分

实现要点

snake.unshift(head);                 // 新蛇头插到最前
if (吃到食物) { /* 不 pop,蛇变长 */ }
else { snake.pop(); }                // 没吃到就去掉尾巴,长度不变

两个容易踩的坑:

  1. 禁止 180° 掉头:向右走时按左键会立刻撞到自己,所以要判断
    !(d.x === -dir.x && d.y === -dir.y)
  2. 撞自己只判到倒数第二节:尾巴那一格马上会移走,算进去会误判

想改点什么

  • 改 CELL 调格子大小,改 COLS/ROWS 调棋盘
  • 改 setInterval(step, 120) 里的 120 调速度(越小越快)

授权:本站原创,按 MIT 风格授权——可以随便下载、修改、商用、二次分发,
不用署名,也不担保任何风险。源码里有完整中文注释,改起来不费劲。

📎 附件(1)
📦
贪吃蛇_单文件HTML.html 5.0 KB · 已下载 2 次
免费 下载
附件由作者自行定价,用站内点数购买;购买后永久可下载。点数不足可在「购买邀请码」页联系管理员充值。
楼主 · 2026-09-28 15:34 · 浏览 7
yuki 进阶会员

下载玩了一局,手感不错。补充一个小建议:手机上没法用方向键,
想加触屏的话可以在 canvas 上监听 touchstart/touchmove 算滑动方向。

1楼 · 2026-09-28 15:34
登录 后即可参与回复。