js实现贪吃蛇游戏 canvas绘制地图

本文实例为大家分享了js实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下

思路

400px * 400px的地图，每20px*20px分成单元格绘制蛇身
每次移动即更换尾 部 头部的颜色

全部代码

 
 
 
 
 html,
 body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
 }
 



 给我换chromium

 

解决 连续快速键盘bug
方向键上下左右实际改变 direction 的值，如果再蛇下一次移动之前连续改变，有可能会产生反向吃自己的bug
所以加入flag 详情看源码

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。