微信小程序实现的贪吃蛇游戏【附源码】

<!--snake.wxml--><view><view>  <view>snake</view>  <view>    <view>得分</view>    <view>{{score}}</view>  </view>  <view>    <view>历史最高</view>    <view>{{maxscore}}</view>  </view></view><view>  <view>    <view>    </view>  </view></view><modal> <view> 游戏结束，重新开始吗？ </view></modal></view>

//snake.jsvar app = getApp();Page({  data:{    score: 0,//比分    maxscore: 0,//最高分    startx: 0,    starty: 0,    endx:0,    endy:0,//以上四个做方向判断来用    ground:[],//存储操场每个方块    rows:28,    cols:22,//操场大小    snake:[],//存蛇    food:[],//存食物    direction:'',//方向    modalHidden: true,    timer:''  } ,  onLoad:function(){    var maxscore = wx.getStorageSync('maxscore');    if(!maxscore) maxscore = 0    this.setData({    maxscore:maxscore    });    this.initGround(this.data.rows,this.data.cols);//初始化操场    this.initSnake(3);//初始化蛇    this.creatFood();//初始化食物    this.move();//蛇移动  },  //计分器  storeScore:function(){   if(this.data.maxscore  5 || Math.abs(shu) &gt; 5){      var direction = (Math.abs(heng) &gt; Math.abs(shu)) ? this.computeDir(1, heng):this.computeDir(0, shu);      switch(direction){      case 'left':        if(this.data.direction=='right')return;        break;      case 'right':        if(this.data.direction=='left')return;        break;      case 'top':        if(this.data.direction=='bottom')return;        break;      case 'bottom':        if(this.data.direction=='top')return;        break;      default:    }    this.setData({    startx:0,    starty:0,    endx:0,    endy:0,    direction:direction    })  }  },  computeDir: function(heng, num){  if(heng) return (num &gt; 0) ? 'right' : 'left';  return (num &gt; 0) ? 'bottom' : 'top';  },  creatFood:function(){    var x=Math.floor(Math.random()*this.data.rows);    var y=Math.floor(Math.random()*this.data.cols);    var ground= this.data.ground;    ground[x][y]=2;    this.setData({      ground:ground,      food:[x,y]    });  },  changeDirection:function(dir){    switch(dir){    case 'left':      return this.changeLeft();      break;    case 'right':      return this.changeRight();      break;    case 'top':      return this.changeTop();      break;    case 'bottom':      return this.changeBottom();      break;    default:    }  },  changeLeft:function(){    var arr=this.data.snake;    var len=this.data.snake.length;    var snakeHEAD=arr[len-1][1];    var snakeTAIL=arr[0];    var ground=this.data.ground;    ground[snakeTAIL[0]][snakeTAIL[1]]=0;     for(var i=0;i<len-1>=this.data.rows||snakeHEAD[1]&gt;=this.data.cols||snakeHEAD[1]<p>以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！</p><p>