var letter = "amen";

var couleur;

var value = 0;

// créer un compteur qui va compter le nombre de cliques 

var compteur = 0; 

​

function setup() {

  createCanvas(600, 600);

  background(255);

  fill(255);

  stroke(0);

  strokeWeight(2);

  textFont(font);

  textAlign(CENTER, CENTER);

}

​

// à chaque fois que je clique, le compteur s'augmente de 1

function mouseClicked(){

  compteur = compteur + 1;

  if(compteur == 1){

    fill(0,0,255);

  }

​

  if (compteur == 2){

    fill(255,0,0);

  }

​

  if (compteur == 3) {

    fill(0,255,0);

  }

}

​

​

​

​

function mouseDragged(){

  textSize(80);

  // si le compteur est plus petit que 4 c'est-à-dire que je n'ai pas encore cliqué 4 fois alors ça dessine les lettres 

  if(compteur < 4){

    text(letter, mouseX, mouseY);

  }

}

function keyTyped(){

  letter = key;

}

function keyReleased(){

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

    background(255);

    saveCanvas(year()+month()+day()+'-'+hour()+ minute() + second() +'_lettres'+ '.jpg');

  }  

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

     background(255);

   }

​

  if (keyCode == 32){

    background(255)  

  }

}

​