var font = 'Sans serif';

// changer le texte qui apparait au début ici

var letter = ".";

​

function setup() {

  createCanvas(600, 600);

  background(0);

  fill(0,0,0);

  // appliquer la typographie choisit

  textFont(font);

  // choisir l'alignement du texte

   text(letter, mouseX, mouseY);

}

​

// Fonction qui s'exécute quand la souris est draggué c'est-à-dire dans la souris est cliqué + déplacé

function mouseDragged() {

  // taille de la typo

  textSize(2);

  stroke(random(255));

  strokeWeight(random (100,200));

  // texte à afficher et position de la typo

  // le texte est la variable letter, au début letter correspond à "A" puis quand on tape une touche, la variable change

  // La position de la typo correspond à la position de la souris

  text(letter, random(width), random(height));

}

​

// cette fonction se déclenche quand j'appuie sur une touche du clavier

// quand on tape une lettre elle apparait à l'écran

function keyTyped() {

  letter = key;

}

​

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

  } 

  // appuyer sur effacer permet d'effacer tout

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

    background(255);

  }   

}

​

​

​