本文实例为大家分享了JS实现贪吃蛇小游戏的具体代码,供大家参考,具体内容如下
思路:在页面上添加一个地图,以提供边界,在地图中随机出现食物,给蛇身设置一个初始长度,用键盘方向键控制蛇的走向,当蛇触碰到食物时(既坐标重复时),增加蛇身长度,碰到墙壁或自身时,程序停止,游戏结束。
HTML结构:
<body>
<div id=map></div>
</body>
CSS样式:
<style>
#map{
width: 600px;
height: 300px;
background: #ccc;
border: 5px solid blacks;
margin: 0