createCanvas(500, 500);

  noFill();

  background(255);

  strokeWeight(2);

  stroke(0, 40);

  frameRate(10);

}

​

function draw() {

  // permet de transformer le canvas

    push();

    translate(width / 2, height / 2);

  //défini le nombre de côté à la forme

    var circleResolution = int(map(random(720) + 200, 0, height, 8, 10));

  // défini la taille maximal de la forme

    var radius = random(300);

  // calcul l'angle du côté : 2PI / nombre de côté

    var angle = TAU / circleResolution;

  // début du dessin de la forme

    beginShape();

  // boucle : dessine autant de ligne que de cotés définis

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

      // calcul les points x et y 

      var x = cos(angle * i) * radius;

      var y = sin(angle * i) * radius;

      // défini des points et les connecte entre eux

      vertex(x, y);

    }

    endShape();

​

    pop();

}

​

​

// 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() +'_lettres'+ '.jpg');

  } 

  // appuyer sur effacer permet d'effacer tout

  if (keyCode == DELETE || keyCode == BACKSPACE){

    background(255);

  }   

}