constructor(x, y, w, h){

    this.x = x;

    this.y = y;

    this.w = w; 

    this.h = h;

    this.val = 0;

    this.collide = false;

  }

  drawBrick(){

    if(this.collide){

      fill(255, 255, 0);

    } else {

      fill(255);

    }

    rect(this.x, this.y, this.w, this.h);

  }

  collided(ball){

    let closeX = ball.x; let closeY = ball.y; 

    if (ball.x > this.x + this.w) {

      closeX = this.x + this.w;

    } else if (ball.x < this.x) {

      closeX = this.x;

    }

    if (ball.y > this.y + this.h) {

      closeY = this.y + this.h;

    } else if (ball.y < this.y) {

      closeY = this.y;

    }

    let distance = dist(closeX, closeY, ball.x, ball.y);

    if (distance < ball.r){

      this.collide = true;

      this.val = 1;

      ball.dy = ball.dy * -1;

    } else {

      this.collide = false;

    }

  }

}