Exemple 2 : intégrer une grille randomatique

En créant une fonction, on peut incorporer facilement des éléments graphiques dans une page.

Précédent | 7/15 | Suivant

Une fonction pour une grille

En suivant le tutoriel sur l’écriture d’une fonction, on peut créer par exemple ce code qui dessine une grille d’éléments :

void setup() {
 size(800, 1000);
}

void draw() {
 background(255);
 
 fill(220);
 grille();
 
 fill(200);
 grille();
 
 saveFrame("couverture.jpg");
 noLoop();
}

void grille(){
  noStroke(); // retirer le filet
  int marges=40; // marges de la grille
  
  float nb_x=random(10,100); // nombre d'élément horizontaux
  float nb_y=random(20,100); // nombre d'éléments verticaux
  
  // calcul de l'espacement
  float saut_x=(width-marges*2)/nb_x;
  float saut_y=(height-marges*2)/nb_y;
  
  // dessiner la grille avec un double boucle
  for(float x=marges;x<=width-marges;x+=saut_x){
    for(float y=marges;y<=height-marges;y+=saut_y){
      float diametre=random(5,saut_x); // diametre des ellipses
      ellipse(x,y,diametre,diametre);
    }
  }
}

Quelques exemples de résultat :

En changeant quelques paramètres on peut modifier le résultat

Associé ànotre script de couverture, ça peut donner ça :