var tileCount;

var colorLeft;

var colorRight;

​

function setup() {

  createCanvas(600, 600);

  background(255);

  colorRight = color(255,205,0);

  colorLeft = color(0,46,125);

  dessineGrille();

}

​

function mousePressed(){

  background(255);

  dessineGrille();

}

​

function dessineGrille(){

  // épaisseur du trait

  strokeWeight(random(1, 10));

  // nombre de case dans la grille

  tileCount = random(0, 50);

​

  // créer une grille 

  for (var gridY = 0; gridY < tileCount; gridY++) {

    for (var gridX = 0; gridX < tileCount; gridX++) {

      // définir la position x et y des éléments

      var posX = width / tileCount * gridX;

      var posY = height / tileCount * gridY;

      // choisi un nombre aléatoire entre 0 et 1

      var toggle = int(random(0, 2));

​

      // si le nombre est 0

      if (toggle == 0) {

        // alors les lignes seront bleu

        stroke(colorLeft);

        // on dessine deux lignes 

        line(posX, posY, posX + (width / tileCount) / 2, posY + height / tileCount);

        line(posX + (width / tileCount) / 2, posY, posX + (width / tileCount), posY + height / tileCount);

      }

      // si le nombre est 1

      if (toggle == 1) {

        // alors les lignes seront orange

        stroke(colorRight);

        // on dessine deux lignes différemment 

        line(posX, posY + width / tileCount, posX + (height / tileCount) / 2, posY);

        line(posX + (height / tileCount) / 2, posY + width / tileCount, posX + (height / tileCount), posY);

      }

    }

  }

}

​

​

// fonction qui s'exécute quand une touche est relâchée

function keyReleased() {

  // appuyer sur "s" permet d'enregistrer l'image

  if (key == 's' || key == 'S')  {

    saveCanvas(year()+month()+day()+'-'+hour()+ minute() + second() +'_grille'+ '.jpg');

  }   

}

​

​

​