var taille = 40;

​

function setup() {

  createCanvas(400, 400);

  background(255);

  // dessine la grille au lancement 

  dessineGrille();

}

​

function draw() {

​

}

​

// au clic sur la souris, dessine une nouvelle grille / un nouveau motif

function mousePressed(){

  background(255);

  dessineGrille();

}

​

// fonction de génération de la grille

function dessineGrille(){

  // taille du contour aléatoire

  strokeWeight(random(1, 7));

  // couleur du contour aléatoire

  stroke(random(255), random(255), random(255));

  // boucles imbriquées 

  // dessin de chaque colonne 

  for(var gridY=taille/2; gridY<height; gridY += taille){

    // dessin de chaque ligne 

    for(var gridX=taille/2; gridX<width; gridX += taille){

      // choisi aléatoirement entre trois couleurs pour le cercle extérieur

      var couleur1 = int(random(0, 3));

      if(couleur1 == 1){

        fill(0, 255, 179);

      }

      else if(couleur1 == 0){

        fill(255);

      }

      else{

        fill(255, 150, 0);

      }

      // dessine le cercle extérieur

      ellipse(gridX, gridY, taille, taille);

      // choisi aléatoirement entre trois couleurs pour le cercle du milieu

      var couleur2 = int(random(1, 3));

      if(couleur2 == 1){

        fill(255, 154, 154);

      }

      else{

        fill(255, 249, 154);

      }

      // dessine le deuxième cercle

      ellipse(gridX, gridY, taille/1.5, taille/1.5);

      // fond blanc pour le cercle central

      fill(255);

      // dessine le cercle central

      ellipse(gridX, gridY, taille/3, taille/3);

    }

  }

}

​

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

function keyReleased() {

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

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

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

  }   

}