My Sketch - OpenProcessing

mySketch
xxxxxxxxxx
 
let num1,num2,num4,num5,num7;
let numx=[200,560,920,1280,1640];
let defx=[200,560,920,1280,1640];
let numy=[300,300,300,300,300];
let defy=[300,700]
let xOffset = 0;
let yOffset = 0;
let overBox = false;
let locked = false;
let card,button;
function preload(){
    num1=loadImage("number1.png");
    num2=loadImage("number2.png");
    num4=loadImage("number4.png");
    num5=loadImage("number5.png");
    num7=loadImage("number7.png");
}
function setup() {
    createCanvas(1800,windowHeight);
    imageMode(CENTER);
    rectMode(CENTER);
    textAlign(CENTER);
        button = createButton("次へ");
    button.position(1500, 40);
    button.style("width", "120px");
    button.style("height", "70px");
    button.mousePressed(next);
}
function draw() {
        let i,j;
        background(255,255,255);
        for(i=0;i<5;i++){
            rect(defx[i],300,200,300);
        }
        for(j=0;j<5;j++){
            rect(defx[j],700,200,300);
        }
        if(abs(mouseX-numx[0]) < 100 && abs(mouseY-numy[0])<150){
          overBox = true;
          card=0;
    }else if(abs(mouseX-numx[1]) < 100 && abs(mouseY-numy[1])<150){
        overBox = true;
                card=1;
    }else if(abs(mouseX-numx[2]) < 100 && abs(mouseY-numy[2])<150){
      overBox = true;
            card=2;
    }else if(abs(mouseX-numx[3]) < 100 && abs(mouseY-numy[3])<150){
      overBox = true;
            card=3;
    }else if(abs(mouseX-numx[4]) < 100 && abs(mouseY-numy[4]) < 150){
      overBox = true;
            card=4;
    }else{
      overBox = false;
            card=null;
    }
          image(num1,numx[0],numy[0],200,300);
          image(num2,numx[1],numy[1],200,300);
          image(num4,numx[2],numy[2],200,300);
          image(num5,numx[3],numy[3],200,300);
          image(num7,numx[4],numy[4],200,300);
    for(i=0;i<5;i++){
        for(j=0;j<5;j++){
        if(mouseIsPressed == false && abs(numx[i]-defx[j])<50 && numy[i] < 600){
            numx[i]=defx[j];
            numy[i]=300;
        }
    }
}
    for(i=0;i<5;i++){
        for(j=0;j<5;j++){
        if(mouseIsPressed == false && abs(numx[i]-defx[j])<50 && numy[i] > 600){
            numx[i]=defx[j];
            numy[i]=700;
        }
    }
}
}
function next(){
  for(i=0;i<5;i++){
        numy[i]=300;
    }
}
    function mousePressed(){
            if(overBox){
                    locked = true;
            }
            else{
                    locked = false;
            }
            xOffset = mouseX - numx[card];
            yOffset = mouseY - numy[card];
    }
    function mouseDragged(){
                    if(locked){
                      numx[card] = mouseX - xOffset;
                      numy[card] = mouseY - yOffset;
                    }
    }