Le dernier blog

Processing, dixième cours

Après la souris, parlons du clavier¹ . Processing est capable d’«intercepter» (c’est le terme consacré) les évènements du clavier — ce qui est passablement banal. Tout comme dans le cas de la souris, on distingue la frappe d’une touche (keyReleased) de la demi-frappe (keyPressed).
Néanmoins, le clavier et le bouton de la souris fonctionnent de manière passablement différente car le clavier reconnaît la répétition de la frappe, ce qui signifie que si l’on reste le doigt enfoncé sur la touche « a », l’ordinateur se comportera comme si on avait appuyé plusieurs fois de suite sur la touche. Ce paramètre est totalement impossible à maîtriser car il dépend de chaque système d’exploitation et des réglages effectués par l’utilisateur.
Voici un script tout simple qui utilise les deux fonctions d’évènement (keyPressed() et keyReleased()) ainsi que la propriété keyPressed :

void setup(){
  background(255); stroke(255,0,0);
}
void draw(){
  if (keyPressed ){
    line(50,50, random(100),random(100));
  }
}
void keyPressed(){
  background(0);
} 
void keyReleased(){
  background(255);
}

Au démarrage (setup()), je « peins » la fenêtre en blanc et je règle la couleur des traits sur le rouge (255,0,0)
La fonction d’évènement keyPressed() est invoquée lorsque l’on appuie sur le clavier. Elle a pour effet de « peindre » la fenêtre en noir. La fonction d’évènement keyReleased() est invoquée lorsque l’on lache une touche que l’on a enfoncé, et elle a ici pour effet de « peindre » la fenêtre en blanc. Enfin, avec le gestionnaire draw(), qui s’exécute régulièrement, je dis qu’une ligne doit être tracée au hasard sur l’écran si, et seulement si, une touche du clavier est enfoncée (if (keyPressed )).
Notez que, même si elle ne contient rien, une fonction draw() doit impérativement être rédigée dans le script pour que les fonction de gestion d’évènements du clavier soient pris en compte.

Les touches du clavier

Processing est bien entendu capable de savoir quelle touche a été enfoncée. Le résultat de cet évènement est stocké dans deux variables systèmes, key et keyCode.
Avec key, on peut effectuer une vérification de cette manière :

void draw(){
  // gestionnaire vide mais obligatoire
}

void keyReleased(){
  if(key=='r'){
     background(255,0,0);
  }  
  if(key=='v'){
     background(0,255,0);
  }  
  if(key=='b'){
     background(0,0,255);
  }  
}

Avec ce script une série de tests, appelés lorsque l’on touche au clavier (keyReleased()), sont effectués et sont dans certains cas suivis par un changement de la couleur de la scène. Si la touche enfoncée est ‘r‘, alors l’écran est « peint » en rouge (background(255,0,0)), si la touche est ‘v‘, l’écran est peint en vert et si la touche est ‘b‘, il est « peint » en bleu. Les lettres sont ici écrite en minuscules, car pour key, b et B ou v et V ne sont pas les mêmes lettres.
On remarquera que le caractère s’écrit entre deux apostrophes droites ( ‘ – souvent utilisé en remplacement de l’apostrophe typographique (’) ou de la minute (′)).

keyCode s’utilise de la même manière, mais au lieu de contenir un caractère, cette variable contient un code numérique. Par exemple si je veux connaître le keyCode après que la touche ‘a‘ ait été enfoncée, Processing me renverra le chiffre 65. On peut par ailleurs comparer la variable keyCode à un certain nombre de touches spéciales telles que UP (flèche haut), DOWN (flèche bas), LEFT (flèche gauche), RIGHT (flèche droite), ALT, CONTROL et SHIFT (majuscule).

void draw(){
  // gestionnaire vide mais obligatoire
}
void keyReleased(){
  background(255);
  if(keyCode==UP){
    rect(40,0,20,50); 
  }
  if(keyCode==DOWN){
    rect(40,50,20,50);
  }
  if(keyCode==RIGHT){
    rect(50,40,50,20);
  }
  if(keyCode==LEFT){
    rect(0,40,50,20);
  }
}

Dans cet exemple, lorsque la touche du clavier a été utilisée, la scène est « repeinte » en blanc (background(255)), puis une série de tests sont effectués pour savoir si la flèche haut, la flèche bas, la gauche ou la droite ont été utilisée. Pour chacun de ces cas possibles, un dessin différent apparaît à l’écran.

Encore un article assez austère. Les trois suivants seront, j’en ai peur, encore pires.

1. Le coin culture : tout le monde sait que la souris d’ordinateur est une conquête assez récente (théorie: 1965, brevet: 1968, application industrielle: 1981), mais il est plus rare qu’on se souvienne que le clavier, du moins le clavier couplé à un ordinateur, est à peine plus ancien, puisque son usage informatique ne remonte qu’au début des années 1960. Auparavant, on communiquait avec les ordinateurs à l’aide de cartes perforées ou simplement (?) par câblage. [↩]