关于Js实现贪吃蛇的移动的一些感想

基本思路；身体随着头的移动而移动。当头部移动时，生成一个新头，添加到snake身体的第一位，然后弹出最后一个元素（即尾部），就这样不断的进行变化，就实现了蛇的移动

代码如下：（只给出移动部分的代码）

/**
* 蛇的移动，主要的功能
*/
self.move = function () {
var head = self.body[0];
// var t = parseInt(Math.random() * 3);
// var tColor = color[t];
var newHead = null;
if (self.dir == UP){
newHead = {
x : head.x,
y : head.y - 1
};
} else if (self.dir == DOWN){
newHead = {
x : head.x,
y : head.y + 1
};
} else if (self.dir == LEFT){
newHead = {
x : head.x - 1,
y : head.y
};
} else if (self.dir == RIGHT){
newHead = {
x : head.x + 1,
y : head.y
};
}
// console.log(head.x, head.y, food.x, food.y);
if (newHead != null){
self.body.unshift(newHead); //添加新头

//当吃到食物时，只添加新头，不删除尾部，相当于添加一节身体
if (head.x == food.x && head.y == food.y){
self.snakeLength = self.body.length;
//当蛇的长度达达到10时，速度提升50%
if (self.snakeLength == 10){
self.speed = self.speed  + parseInt(self.speed * 0.5);
self._move();
}
//当蛇的长度达达到25时，速度再次提升50%
else if (self.snakeLength == 25) {
self.speed = self.speed  + parseInt(self.speed * 0.5);
self._move();
}
//当蛇的长度达达到55时，速度再次提升50%
else if (self.snakeLength == 55) {
self.speed = self.speed  + parseInt(self.speed * 0.5);
self._move();
}
//当蛇的长度达达到100时，速度再次提升50%
else if (self.snakeLength == 100) {
self.speed = self.speed  + parseInt(self.speed * 0.5);
self._move();
} else if (self.snakeLength == 4){
map.mapLevel[0][1] = 0;
map.drawTile();
}
//清除食物层
food.layer.clearRect(0, 0, WSCREEN, HSCREEN);
//重新生成一个食物
food.init();
} else {//当没吃到食物时，既添加新头，又删除尾部，相当于向前移动一节身体
self.body.pop(); //删除尾部
}

if (self.isHit()){
clearInterval(self.timer);
}
}
};

完整代码：https://github.com/ytbLib/Greedy_Snake