先看效果图:
过程如下:
1.首先创建一张画布地图<div class="map"> </div>;
2.创建食物的自调用函数
(function (){
//定义好食物的属性,在Food的原型上进行初始化
在每次创建之前都先清除之前的食物,这样,当小蛇在吃到食物的时候,可以直接调用该方法
}());
3.创建小蛇的自调用函数
初始化小蛇
想办法让小蛇动起来和小蛇的走向问题。
判断小蛇有没有吃到食物
每当小蛇吃到这个食物的时候,可以复制小蛇最后一个节点,并添加到最后
4.创建一个游戏对象,来初始化食物和小蛇
唔...有一些乱。。。,具体源码已经上传到码云。大家可以下载下来借鉴。地址:https://gitee.com/han_xiangzi/tanchishe
当然中间有很多不足的地方,也请大家指出,一起学习