x = 30;

y = 30;

​

function setup() {

  createCanvas(400, 400);

}

​

​

function draw() {

  background(230,102,110);

  fill(random(250),random(250),random(250));

  ellipse(x, y, 20, 20);

  if (keyIsPressed && keyCode === 40) {

    y = y + 2;

    } else if (keyIsPressed && keyCode === 38) {

    y = y - 2  ;

    } 

​

  if (y > 400) {

    y = 400;

  }  else if (y < 0) {

    y = 0;

  }

  if (keyIsPressed && keyCode === 39) {

    x = x + 2;

    } else if (keyIsPressed && keyCode === 37) {

    x = x - 2  ;

    } 

    if (x > 600) {

    x = 600;

    } else if (x < 0) {

      x = 0;

    }

  strokeWeight(2);

  line(10, 10, 390, 10);

  line(50, 50, 350, 50);

  line(50, 250, 50, 50);

  line(10, 200, 50, 200);

  line(50, 300, 50, 350);

  line(10, 390, 50, 390);

  line(10, 10, 10, 390);

  line(390, 10, 390, 390);

  line(10, 390, 300, 390);

  line(390, 390, 350, 390);

  line(350, 50, 350, 90);

  line(350, 150, 350, 350);

  line(50, 350, 350, 350);

  line(90, 90, 90, 310);

  line(150, 90, 90, 90);

  line(190, 90, 310, 90);

  line(90, 310, 220, 310);

  line(260, 310, 310, 310);

  line(310, 90, 310, 310);

  line(130, 130, 130, 200);

  line(130, 250, 130, 270);

  line(270, 130, 130, 130);

  line(130, 270, 270, 270);

  line(270, 130, 270, 270);

  line(170, 170, 170, 230);

  line(230, 170, 170, 170);

  line(170, 230, 230, 230);

  line(230, 170, 230, 230);

  line(350, 300, 390, 300);

  line(310, 250, 350, 250);

  line(90, 250, 50, 250);

  line(240, 90, 240, 130);

  line(170, 200, 130, 200);

  // hit = collideLineCircle(10, 10, 390, 10, x, y, 30);

  // line[i].collide(cir);

}