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 !