1 00:00:00,869 --> 00:00:03,972 Vous avez déjà appris comment créer vos propres variables et les utiliser. 2 00:00:03,972 --> 00:00:10,790 Maintenant, on va apprendre comment utiliser 2 variables spéciales : mouseX et mouseY. 3 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à. 4 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. 5 00:00:22,198 --> 00:00:27,738 mouseX pour sa coordonnée horizontale X. mouseY pour sa coordonnée verticale Y. 6 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. 7 00:00:33,278 --> 00:00:36,508 Regardez cette ellipse que je dessine ici. 8 00:00:36,508 --> 00:00:41,192 Pour l'instant, je la dessine toujours à la position 200, 200. 9 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. 10 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. 11 00:00:57,743 --> 00:01:01,760 C'est pas mal... J'ai dessiné une petit souriiiiiis ! 12 00:01:01,760 --> 00:01:06,340 Si vous utilisez "mouseX" et "mouseY", vous devez faire attention à le faire DANS la fonction "draw" 13 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"... 14 00:01:10,920 --> 00:01:15,501 Vous voyez ? 15 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é. 16 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. 17 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. 18 00:01:43,735 --> 00:01:49,481 En fait, c'est une animation. Car l'affichage change un peu à chaque fois un peu. 19 00:01:49,481 --> 00:01:52,957 OK. Grace à ça, on peut faire plein d'autres choses amusantes. 20 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 ? 21 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. 22 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 ? 23 00:02:21,937 --> 00:02:27,933 Regardez, Wouhou ! J'ai comme un pinceau de peintre ! 24 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... 25 00:02:39,509 --> 00:02:45,907 Houhou ! Ca devient vraiment vraiment difficile ! L'ellipse fait exactement le contraire de ma souris ! 26 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... 27 00:02:53,400 --> 00:02:59,808 Voilà pour "mouseX" et "mouseY" ! A vous de jouer !