241110

let mots = [];

let nbmots;

let bord, header, nbLignes, interLigne;

let t;

​

function setup(){

  createCanvas(802, 802);

  background(255);

  frameRate(24);

  bord = 60;

  header = 56;

  nbmots = 1;

  nbLignes = 9;

  interLigne = 84;//height/(nbLignes + 1);

  t = 0;

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

    mots[i] = new Mot();

    mots[i].ptx = bord;

    mots[i].numLigne = 0;

    mots[i].rectLarg = round(random(6, 9));

    mots[i].rectLargBis = mots[i].rectLarg;

    mots[i].rectLargPlus = 6;

    mots[i].rectLargMax = random(24, 80);

    mots[i].intermots = mots[i].rectLargMax + 24;

    mots[i].rectHaut = random(24, 36);

    mots[i].pty = header + mots[i].numLigne * interLigne;

    mots[i].rectCorn = 6;

  }

}

​

function draw(){

  rectMode(CORNER); strokeWeight(6); stroke(0); noFill(); rect(0, 0, 802, 802);

  //t++;

  //if (t > 90){

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

    mots[i].ecrit(); 

  }  

 //}

}

​

class Mot {

  constructor (ptx, pty, rectLarg, rectLargPlus, rectLargMax, intermots, rectHaut, rectCorn){

  }

  ecrit(){

​

    if (frameCount % 2 == 0){

      if (this.numLigne < nbLignes){

        if (this.rectLarg <= this.rectLargMax) {

          this.rectLarg += this.rectLargPlus;

        } else if (this.rectLarg > this.rectLargMax){

          this.rectLarg = round(random(6, 9));

          this.rectLargMax = random(24, 80);

          this.intermots = this.rectLargMax + 24;

          this.rectHaut = random(24, 36);

        }

        if (frameCount % 12 == 0){

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

            this.ptx += this.intermots;

            this.pty = header + (this.numLigne * interLigne);

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

            this.numLigne++;

            this.ptx = bord;

            this.pty = header + (this.numLigne * interLigne);

          }

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

          this.numLigne = 0;

          this.pty = header + (this.numLigne * interLigne);

        }

        rectMode(CORNER); strokeWeight(2); stroke(0, 40); fill(255, 20); rect(this.ptx , this.pty, this.rectLarg, this.rectHaut, this.rectCorn);

      }

    }

  }

}