var y = 175;

var size = 50;

​

function setup() {

  createCanvas(400, 400);

}

​

​

​

function draw() {

  background("black");

  square(x, y, size);

  fill("yellow");

  noStroke();

  if (keyIsPressed) {

    if (key == "a") {

      x--;

    }

    if (key == "d") {

      x++;

    }

    if (key == "s") {

      y++;

    }

    if (key == "w") {

      y--;

    }

  }

​

  if (x + 50 > 400) {

    x = 350;

    console.log("BORDER TOUCHED");

  }

​

  if (x < 0) {

    x = 0;

    console.log("BORDER TOUCHED");

  }

​

  if (y + 50 > 400) {

    y = 350;

    console.log("BORDER TOUCHED");

  }

​

  if (y < 0) {

    y = 0;

    console.log("BORDER TOUCHED");

  }

}

​

function mouseClicked() {

  x = 175;

  y = 175;

  console.log("Square reset succesfully");

}

​