微信小程序：贪吃蛇

最新推荐文章于 2022-01-11 11:06:31 发布

梁宇枫

最新推荐文章于 2022-01-11 11:06:31 发布

阅读量2.9k

点赞数 5

文章标签：小程序 json js canvas web app

本文链接：https://blog.csdn.net/ACoolnight/article/details/103830891

版权

微信小程序：贪吃蛇

wx.js

var startX = 0;
var startY = 0;
var moveX = 0;
var moveY = 0;
//移动位置和开始位置的坐标差值
var X = 0;
var Y = 0;
//蛇的对象
var snake = {
   
  x: 0,
  y: 0,
  color: "#ff0000", 
  w: 20,
  h: 20,
}
//食物对象
var food = {
   
  x: 0,
  y: 0,
  color: "#ff0000", 
  w: 20,
  h: 20,
}
//蛇身对象数据
var snakeArr = [];
//方向
var direction = "right";
var directio = null;
//窗口宽高
var windowWidth = wx.getSystemInfoSync().windowWidth;
var windowHeight = wx.getSystemInfoSync().windowHeight;
//食物数组
var foodArr = [];
//记录吃的食物数
var foodNum = 0;

Page({
   
//按下获取坐标 touchs触摸
canvasStart:function(e){
   
  startX = e.touches[0].x;
  startY = e.touches[0].y;
},

canvasMove:function(e){
   
   moveX = e.touches[0].x;
   moveY = e.touches[0].y;
   X=moveX - startX;