0:00:00.869,0:00:03.972
Vous avez déjà appris comment créer[br]vos propres variables et les utiliser.

0:00:03.972,0:00:10.790
Maintenant, on va apprendre comment [br]utiliser 2 variables spéciales : mouseX et mouseY.

0:00:10.790,0:00:16.658
D'abord, nous n'aurez pas à les créer vous-même.[br]Car elles existent déjà.

0:00:16.658,0:00:22.198
En fait, le programme gère ces variables à votre place.[br]Elles contiennent la position de votre souris.

0:00:22.198,0:00:27.738
mouseX pour sa coordonnée horizontale X.[br]mouseY pour sa coordonnée verticale Y.

0:00:27.738,0:00:33.278
Du coup, c'est très facile de faire des choses[br]sympa en utilisant la position de la souris.

0:00:33.278,0:00:36.508
Regardez cette ellipse que je dessine ici.

0:00:36.508,0:00:41.192
Pour l'instant, je la dessine toujours [br]à la position 200, 200.

0:00:41.192,0:00:49.718
Si j'utilise les deux variables mouseX et mouseY,[br]je peux dessiner l'ellipse à l'endroit où se trouve la souris.

0:00:49.718,0:00:57.743
Maintenant, si je bouge ma souris dans le canevas, vous[br]voyez que l'ellipse est dessinée à l'endroit de la souris.

0:00:57.743,0:01:01.760
C'est pas mal... J'ai dessiné une petit souriiiiiis !

0:01:01.760,0:01:06.340
Si vous utilisez "mouseX" et "mouseY", vous devez [br]faire attention à le faire DANS la fonction "draw"

0:01:06.340,0:01:10.920
car regardez ce qu'il se passe si je déplace ces[br]2 lignes de code à l'extérieur de la fonction "draw"...

0:01:10.920,0:01:15.501
Vous voyez ?

0:01:15.501,0:01:26.955
Ce code, ici, ne s'exécute qu'une seule fois. [br]donc l'ellipse n'est dessinée qu'une fois à l'endroit[br]où était ma souris quand le programme a commencé.

0:01:26.955,0:01:36.303
C'est pour ça qu'on a besoin de mettre ce code DANS la[br]fonction "draw". Car c'est là que le code est répété[br]indéfiniment, sans arrêt.

0:01:36.303,0:01:43.735
Donc quand la fonction est exécutée, on veut récupérer [br]les valeurs de mouseX et mouseY et dessiner l'ellipse[br]à cet endroit.

0:01:43.735,0:01:49.481
En fait, c'est une animation. Car l'affichage change [br]un peu à chaque fois un peu.

0:01:49.481,0:01:52.957
OK. Grace à ça, on peut faire plein [br]d'autres choses amusantes.

0:01:52.957,0:02:03.871
Que passera-t-il si je laisse mouseX, [br]mais si je fixe mouseY à quelque chose comme 300 ?

0:02:03.871,0:02:10.589
Vous voyez que l'ellipse suit la position X de ma souris [br]mais elle ignore se qu'elle fait sur l'axe vertical Y.

0:02:10.589,0:02:21.937
Maintenant, si je la dessine à la position mouseX et mouseY[br]mais si j'enlève l'affichage de la couleur de fond ?

0:02:21.937,0:02:27.933
Regardez, Wouhou ! J'ai comme un pinceau [br]de peintre !

0:02:27.933,0:02:39.509
Ou, je peut essayer de permuter les variables.[br]Je remets le fond d'écran, et permute les deux variables...[br]

0:02:39.509,0:02:45.907
Houhou ! Ca devient vraiment vraiment difficile ![br]L'ellipse fait exactement le contraire de ma souris !

0:02:45.907,0:02:53.400
C'est sympa quand même ! Vous pouvez imaginer un jeu[br]où il faut dessiner quelque chose, ou faire quelque chose[br]en inversant la position de la souris...

0:02:53.400,0:02:59.808
Voilà pour "mouseX" et "mouseY" ![br]A vous de jouer !