constructor(x, y){

    this.x = x; 

    this.y = y; 

    this.angle = 0;

    this.color = 70;

  }

  display(offset, d){

    push();

    noFill();

    stroke(this.color);

    translate(this.x, this.y);

    this.mouseHover(d);

    pop();

  }

  mouseHover(d){

    // If mouse is not standing still

    let distance;

    if (abs(pmouseX - mouseX) != 0 || abs(pmouseY - mouseY) != 0) {

      distance = dist(mouseX, mouseY, this.x, this.y); 

        if (distance < d) {

          this.angle += 2;

          rotate(this.angle);

          this.color = 255;

      }

    } 

    // If object is already rotating

    if (this.angle > 0 && this.angle < 90) {

      rotate(this.angle);

      this.angle += 2;

​

      if (this.color > 70) {

        this.color -= 3;

      } 

    } else {

      this.angle = 0;

      this.color = 70; 

    }

    this.drawX();

  }

  drawRect() {

    rect(0, 0, size-offset, size-offset);

  }

  drawX() {

    line(-size/2 + offset/2, -size/2 + offset/2, -size/2 + size - offset/2, -size/2 + size - offset/2);

    line(-size/2 + size - offset/2, -size/2 + offset/2, -size/2 + offset/2, -size/2 + size - offset/2);

  }

}