Vous avez déjà appris comment créer
vos propres variables et les utiliser.
Maintenant, on va apprendre comment
utiliser 2 variables spéciales : mouseX et mouseY.
D'abord, nous n'aurez pas à les créer vous-même.
Car elles existent déjà.
En fait, le programme gère ces variables à votre place.
Elles contiennent la position de votre souris.
mouseX pour sa coordonnée horizontale X.
mouseY pour sa coordonnée verticale Y.
Du coup, c'est très facile de faire des choses
sympa en utilisant la position de la souris.
Regardez cette ellipse que je dessine ici.
Pour l'instant, je la dessine toujours
à la position 200, 200.
Si j'utilise les deux variables mouseX et mouseY,
je peux dessiner l'ellipse à l'endroit où se trouve la souris.
Maintenant, si je bouge ma souris dans le canevas, vous
voyez que l'ellipse est dessinée à l'endroit de la souris.
C'est pas mal... J'ai dessiné une petit souriiiiiis !
Si vous utilisez "mouseX" et "mouseY", vous devez
faire attention à le faire DANS la fonction "draw"
car regardez ce qu'il se passe si je déplace ces
2 lignes de code à l'extérieur de la fonction "draw"...
Vous voyez ?
Ce code, ici, ne s'exécute qu'une seule fois.
donc l'ellipse n'est dessinée qu'une fois à l'endroit
où était ma souris quand le programme a commencé.
C'est pour ça qu'on a besoin de mettre ce code DANS la
fonction "draw". Car c'est là que le code est répété
indéfiniment, sans arrêt.
Donc quand la fonction est exécutée, on veut récupérer
les valeurs de mouseX et mouseY et dessiner l'ellipse
à cet endroit.
En fait, c'est une animation. Car l'affichage change
un peu à chaque fois un peu.
OK. Grace à ça, on peut faire plein
d'autres choses amusantes.
Que passera-t-il si je laisse mouseX,
mais si je fixe mouseY à quelque chose comme 300 ?
Vous voyez que l'ellipse suit la position X de ma souris
mais elle ignore se qu'elle fait sur l'axe vertical Y.
Maintenant, si je la dessine à la position mouseX et mouseY
mais si j'enlève l'affichage de la couleur de fond ?
Regardez, Wouhou ! J'ai comme un pinceau
de peintre !
Ou, je peut essayer de permuter les variables.
Je remets le fond d'écran, et permute les deux variables...
Houhou ! Ca devient vraiment vraiment difficile !
L'ellipse fait exactement le contraire de ma souris !
C'est sympa quand même ! Vous pouvez imaginer un jeu
où il faut dessiner quelque chose, ou faire quelque chose
en inversant la position de la souris...
Voilà pour "mouseX" et "mouseY" !
A vous de jouer !