canvas游戏之贪食蛇

 
 
 Your browser does not support the HTML5 canvas tag.
 
 

//如果有食物，则根据蛇前进的方向判断是否吃到了食物，并且将蛇数组中最后一个元素换到首部
 e != null && ((co == 40 && r[0].x == e.x && r[0].y + 1 == e.y) || 
 (co == 38 && r[0].x == e.x && r[0].y - 1 == e.y) || 
 (co == 37 && r[0].x - 1 == e.x && r[0].y == e.y) || 
 (co == 39 && r[0].x + 1 == e.x && r[0].y == e.y)) ? 
 (r.unshift(e), e = null, r.unshift(r.pop())) : (r.unshift(r.pop()));

 //根据方向，重新设定蛇数组首元素的坐标，从而进行移动
 (co == 40 || co == 38) ? (r[0].x = r[1].x, r[0].y = r[1].y + (co == 40 ? 1 : -1)) : (r[0].x = r[1].x + (co == 39 ? 1 : -1), r[0].y = r[1].y);