241001

let nbmots = 12;

let mots = new Array(nbmots);

let count;

let bord, intermots, nbLignes, interLigne;

let t;

​

function setup(){

  createCanvas(802, 802);

  background(255);

  frameRate(24);

  bord = 80;

  intermots = 0;

  nbLignes = 12;

  interLigne = height/nbLignes;

  count = 0;

  t = 0;

  for (var i=0 ; i < nbmots; i++) {

    mots[i] = new Mot();

    mots[i].ptx = bord;

    mots[i].ptx2 = random (-20, 20);

    mots[i].numLigne = 1;

    mots[i].rectLarg = random(10, 110);

    mots[i].rectHaut = random(10, 30);

    mots[i].ptxNext = mots[i].ptx + mots[i].rectLarg/* + intermots*/;

    mots[i].pty2 = random (-20, 20);

    mots[i].pty = interLigne + mots[i].pty2;

    mots[i].oldptx = mots[i].ptx;

    mots[i].oldpty = mots[i].pty;

    mots[i].nbmots = 1;

    mots[i].rectCorn = 10;

    mots[i].ray = 30;

  }

}

​

function draw(){

  strokeWeight(4); stroke(0); noFill(); rect(1, 1, 801, 801);

  t++;

  //if (t > 120){

  for (let i = 0; i < nbmots; i++){

    mots[i].ecrit(); 

  }  

 //}

}

​

class Mot {

  constructor (ptx, ptx2, ptxNext, pty, pty2, oldptx, oldpty, numLigne, nbmots, rectLarg, rectHaut, rectCorn){

  }

  ecrit(){

    count++;

    if (count % 24 == 0){

      if (this.numLigne < nbLignes){

        if (this.ptx <= width - 120){

          this.rectHaut = random(10, 30);

          this.ptx2 = random (-20, 20);

          this.pty = this.numLigne * interLigne - this.rectHaut/2;

          this.pty2 = random (-20, 20);

          this.rectLarg = random(10, 110);

          strokeWeight(2); stroke(0); noFill(); bezier(this.ptx, this.pty, this.ptx + this.ptx2, this.pty + this.pty2, this.ptx + this.rectLarg + this.ptx2, this.pty + this.pty2, this.ptx + this.rectLarg, this.pty);

          fill(255); ellipse(this.ptx, this.pty, 6, 6);

          this.ptx += this.rectLarg + intermots;

        } else if (this.ptx > width - 120){

          this.numLigne++;

          this.ptx = bord;

        } 

      } else if (this.numLigne >= nbLignes){

        this.numLigne = 1;

        strokeWeight(4); stroke(0); fill(255, 99); rect(1, 1, 801, 801);

      }

    }

  }

}

​

​