var font = 'comic sans ms';

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

var letter = "H";

​

function setup() {

  createCanvas(600, 600);

  background(0,0,255);

  fill(255);

  stroke(0);

  strokeWeight(2);

  fill(255, 215, 0);

  // appliquer la typographie choisit

  textFont(font);

  // choisir l'alignement du texte

  textAlign(CENTER, CENTER);

}

​

// 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(80);

  // 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, mouseX, mouseY);

}

​

// 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);

  }   

}

​

​