Déplacements avec le clavier...

Bien lire les commentaires en gris dans le code !

Une fois que vous pensez avoir bien compris : essayez de le refaire sans (trop) regarder les exemples !

1. Détecter les touches du clavier

Il faut faire un clic sur le programme après avoir appuyé sur Play !

On voit que ça fonctionne bien pour les touches du clavier mais qu'on a des résultats innatendus pour les touches spéciales (comme les flèches par exemple).
Cela nous suffira pour l'instant !

2. Tracer un cercle avec un carré

Essayer de changer les valeurs des variables pour modifier l'emplacement en bien regarder le code pour comprendre ce qui ce qui se passe !

3. Faire bouger la même forme avec le clavier

Il faut faire un clic sur le programme après avoir appuyé sur Play !

Rappel :

Ce qui est dans la fonction setup() (c'est à dire entre { et ] juste après la fonction est fait une seule fois

Tandis que ce qui est dan le draw() est répété sans arrêt

Nouveau

text(1,2,3)

1 : Le texte à afficher (String) : soit une variable contenant du texte, soit le texte entre guillemets exemple : "mon texte"
2 : la postiion en x
3 : la position en y

textSize(1) :

1 : la taille du texte pour les prochaines utilisations de la fonction text() (le nombre de pixels en hauteur)

stroke(1) ou stroke(1,2,3) :

1 : la couleur du pinceau (valable pour la couleur des bordes des textes aussi) si on met un seul nombre (entre 0 et 255) on aura du noir, du gris ou du blanc (0 : noit, 255 : blanc)
on peut mettre aussi une variable contenant une couleur définie par maCouleur = color(valeurPourLe rouge, valeurPour leVert, valeurPourLe Bleu);

1 : valeur pour le rouge (entre 0 et 255)
2 : valeur pour le vert (entre 0 et 255)
3: valeur pour le bleu (entre 0 et 255)

fill(1) ou fill(1,2,3) : (fill : remplir)

Comme ci-dessus mais pour l'intérieur des formes (ça marche pour les textes aussi !)

On peut aussi définir la police de caractères, ici on utilise la police de caractères par défaut.

Autres fonctions

L'instruction if (Si )

Si tel test est vrai alors faire ce qu'il y a dans le bloc de code qui suit.

Elle s'écrit ainsi : if ( 1 ) { 2 } (parenthèses puis accolades ! )

1 : le test derrière le If (le Si)
2 : le code à exécuter si le test 1 est vrai

Remarquez Le signe == (2 fois =)

le signe = (une fois) est utilisé pour mettre une valeur dans une variable comme dans uneVariable = 4;
le signe == (2 fois) est utilisé pour tester si la valeur d'une variable est égale à une autre valeur

Les autres opérateurs de test :

>
<
!= différent de