原生JS实现贪吃蛇小游戏

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

思路：在页面上添加一个地图，以提供边界，在地图中随机出现食物，给蛇身设置一个初始长度，用键盘方向键控制蛇的走向，当蛇触碰到食物时（既坐标重复时），增加蛇身长度，碰到墙壁或自身时，程序停止，游戏结束。

HTML结构：

CSS样式：

 #map{
  width: 600px;
  height: 300px;
  background: #ccc;
  border: 5px solid blacks;
  margin: 0 auto;
  position: relative;}

js实现功能：

小编还为大家准备了精彩的专题：javascript经典小游戏汇总

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