var baseString = "Force est restée à la loi. Plusieurs centaines de casseurs étaient venus pour commettre des violences. La stratégie de fermeté anti-casseurs - 142 interpellations et encadrement du cortège - a permis de les en empêcher, de protéger les commerçants.";

​

// déclarer les variables globales

var string;

var splitString;

​

function setup() {

  createCanvas(400, 400);

  background(255, 100, 0);

  textSize(16);

  text("cliquez pour générer un texte", 5, 50);

  // passer la phrase en bas de casse

  string = baseString.toLowerCase();

  // séparer la phrases en mots, cela crée un tableau de mots ["force", "est", "restée", "à", "la"]

  splitString = split(string, ' ');

​

​

}

​

function draw() {

}

​

// créer la fonction qui va générer du texte

function generateText(){

  // remplir le fond en couleur ou en blanc pour supprimer le texte précédent

  background(255, 100, 0);

  // changer l'ordre des mots dans le tableau de manière aléatoire

  // ["est", "à", "la", "force", "restée"]

  var randomize = shuffle(splitString);

  // réassembler le tableau en phrases. Mots bout à bout séparés par des espaces

  var message = join(randomize, ' ');

  // afficher le texte

  text(message, 5, 50, 400, 400);

}

​

// au clique de la souris, lancer la fonction de génération du texte

function mousePressed(){

  generateText();

}

​

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

  }   

}