-
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 !