WEBVTT 00:00:00.869 --> 00:00:03.972 Vous avez déjà appris comment créer vos propres variables et les utiliser. 00:00:03.972 --> 00:00:10.790 Maintenant, on va apprendre comment utiliser 2 variables spéciales : mouseX et mouseY. 00:00:10.790 --> 00:00:16.658 D'abord, nous n'aurez pas à les créer vous-même. Car elles existent déjà. 00:00:16.658 --> 00:00:22.198 En fait, le programme gère ces variables à votre place. Elles contiennent la position de votre souris. 00:00:22.198 --> 00:00:27.738 mouseX pour sa coordonnée horizontale X. mouseY pour sa coordonnée verticale Y. 00:00:27.738 --> 00:00:33.278 Du coup, c'est très facile de faire des choses sympa en utilisant la position de la souris. 00:00:33.278 --> 00:00:36.508 Regardez cette ellipse que je dessine ici. 00:00:36.508 --> 00:00:41.192 Pour l'instant, je la dessine toujours à la position 200, 200. 00:00:41.192 --> 00:00:49.718 Si j'utilise les deux variables mouseX et mouseY, je peux dessiner l'ellipse à l'endroit où se trouve la souris. 00:00:49.718 --> 00:00:57.743 Maintenant, si je bouge ma souris dans le canevas, vous voyez que l'ellipse est dessinée à l'endroit de la souris. 00:00:57.743 --> 00:01:01.760 C'est pas mal... J'ai dessiné une petit souriiiiiis ! 00:01:01.760 --> 00:01:06.340 Si vous utilisez "mouseX" et "mouseY", vous devez faire attention à le faire DANS la fonction "draw" 00:01:06.340 --> 00:01:10.920 car regardez ce qu'il se passe si je déplace ces 2 lignes de code à l'extérieur de la fonction "draw"... 00:01:10.920 --> 00:01:15.501 Vous voyez ? 00:01:15.501 --> 00:01:26.955 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é. 00:01:26.955 --> 00:01:36.303 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. 00:01:36.303 --> 00:01:43.735 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. 00:01:43.735 --> 00:01:49.481 En fait, c'est une animation. Car l'affichage change un peu à chaque fois un peu. 00:01:49.481 --> 00:01:52.957 OK. Grace à ça, on peut faire plein d'autres choses amusantes. 00:01:52.957 --> 00:02:03.871 Que passera-t-il si je laisse mouseX, mais si je fixe mouseY à quelque chose comme 300 ? 00:02:03.871 --> 00:02:10.589 Vous voyez que l'ellipse suit la position X de ma souris mais elle ignore se qu'elle fait sur l'axe vertical Y. 00:02:10.589 --> 00:02:21.937 Maintenant, si je la dessine à la position mouseX et mouseY mais si j'enlève l'affichage de la couleur de fond ? 00:02:21.937 --> 00:02:27.933 Regardez, Wouhou ! J'ai comme un pinceau de peintre ! 00:02:27.933 --> 00:02:39.509 Ou, je peut essayer de permuter les variables. Je remets le fond d'écran, et permute les deux variables... 00:02:39.509 --> 00:02:45.907 Houhou ! Ca devient vraiment vraiment difficile ! L'ellipse fait exactement le contraire de ma souris ! 00:02:45.907 --> 00:02:53.400 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... 00:02:53.400 --> 00:02:59.808 Voilà pour "mouseX" et "mouseY" ! A vous de jouer !