let fish2;

let fish3;

​

function setup() {

  createCanvas(800, 800);

  angleMode(DEGREES);

  fish1 = new Fish(100, 100, color(255, 153, 59), 5, scale(1,1));

  fish2 = new Fish(100, 200, color(200, 0, 100), 3, scale(1,1));

  fish3 = new Fish(100, 400, color(0, 244, 10), 10, scale(1,1));

}

​

function draw() {

  background(171, 252, 255);

  fish1.move();

  //fish1.changeSide();

  fish1.show();

  fish2.move();

  //fish2.changeSide();

  fish2.show();

  fish3.move();

  //fish3.changeSide();

  fish3.show();

}

​

class Fish {

  constructor(tempX, tempY, tempC, tempXspeed, tempScale) {

    this.x = tempX;

    this.y = tempY;

    this.couleur = tempC;

    this.xspeed = tempXspeed;

    this.scale = tempScale;

  }

​

  move() {

    if (this.x > width -50 || this.x < 100) {

      this.xspeed = this.xspeed * -1;

    }

    this.x = this.x + this.xspeed;

  }

​

  changeSide() {

    if (this.xspeed < 0) {

      scale (this.scale * -1, this.scale = 1);

    } 

  }

​

  show() {

    //corps

    //translate(this.x, this.y);

    //scale(-1,1);

    fill(this.couleur);

    strokeWeight(3);

    ellipse(this.x, this.y, 100, 100);

    //queue

    triangle(this.x - 50, this.y, this.x - 100, this.y - 50, this.x - 100, this.y + 50);

    //aileron

    triangle(this.x, this.y + 10, this.x + 5, this.y + 30, this.x - 30, this.y + 30);

    //yeux

    fill(255);

    ellipse(this.x + 15, this.y - 10, 30, 30);

    fill(0);

    ellipse(this.x + 15, this.y - 10, 15, 15);

  }

}