import './js/weapp-adapter.js';
const ctx = canvas.getContext('2d');

let data = [
  [0, 0, 2, 0],
  [0, 0, 0, 0],
  [0, 0, 0, 0],
  [2, 0, 0, 0]
];

//导入渲染模块
import Render from './js/Render.js';
var render = new Render(ctx, data);

import Restart from './js/Restart.js';
var restart = new Restart(ctx);

import Actiion from './js/Action.js';
var action = new Actiion(ctx.arr);
//绘制背景效果

function gameStart(){
  render.drawBg();
  //绘制小方块
  render.drawSquare();
  render.listen();
  restart.reload();

  action.insertNumber(ctx.arr, ctx.i);
  action.leftAction();
  action.rightAction();
  action.upAction();
  action.downAction();
}
gameStart();

function init() {
  //判断结束条件
  ctx.canvas.addEventListener('touchstart', (e) => {
    //获取按下时手指的坐标
    let dot = e.changedTouches[0];
    let x = dot.clientX;
    let y = dot.clientY;
    if (x > side && x <= sidex + 50 && y > this.top && y <= this.top + 30 && action.isOver) {
      //绘制背景效果
      action = new Actiion(ctx.arr, i)
      render = new Render(ctx)
      restart = new Restart(ctx)
      gameStart();
    }
  });
}
init();