J'ai mon ami Winston avec moi pour cette leçon.
Il est déjà magnifique comme ça ! Mais, je veux changer la taille de ses yeux.
C'est ici que je dessine ses yeux. Avec "fill" pour la couleur de remplissage et "ellipse" pour faire les deux cercles.
Pour réduire les yeux, je dois changer la largeur de l'ellipse
et aussi la hauteur pour avoir un rond.
Et, pour avoir les deux yeux identiques, il faut le faire aussi, ici.
Ils sont un peu trop petit maintenant. donc il faut que je change ça encore.
Ce serait quand même mieux si je pouvais changer tout ça d'un coup.
Les "variables" servent à ça !
Une "variable" c'est comme un "nom" qu'on donne à une "valeur".
C'est comme un grand sac auquel on donne un nom
Vous pouvez mettre ce que vous voulez dans le sac. Mais son nom ne change pas.
Ce qu'il y a dans le sac est : la "valeur" de la variable.
On va maintenant créer notre première variable. Ici, tout en haut.
On écrit "var" (pour "variable"), un espace et le nom de la variable.
Le nom de la variable doit décrire son contenu. "eyeSize", ici, c'est pour la "tailleDesYeux" (en anglais)
Vous pourriez donner n'importe quel nom à la variable mais les espaces sont interdits entre les mots.
Bien sûr, il faut aussi le point-virgule !
Notre variable s'appèle "eyeSize" car elle va contenir la taille des yeux.
Pour l'instant notre variable n'a pas de valeur.
Pour lui en donner une, on écrit le nom de la variable, un signe "=", et la valeur "20;"
Vous voyez ce signe égal ? On ne l'utilise pas de la même façon qu'en cours de math à l'école.
Ici, le signe = ne veut pas dire "est égal à". Il veut dire "je t'affecte une valeur".
Donc, ici, on affecte la valeur 20 à la variable "eyeSize".
C'est comme si on mettait la valeur 20 dans notre sac qui s'appèle "eyeSize".
En cours de math, vous pouvez avoir x=3 ou 3=x et cela signifie la même chose...
car les deux sont égaux !
On ne peut pas faire ça, nous.
Ce qu'il y a à gauche du = doit toujours être le "nom" de la variable.
Et ce qu'on met à droite du = doit toujours être la "valeur" qu'on affecte à la variable.
Pour être sûr de ne pas se tromper, en écrivant votre code, au lieu de dire "égal"
Il faut dire : "contient".
Ici, on a donc : eyeSize "contient" 20.
Maintenant, à chaque fois que j'utilise "eyeSize" dans le code, l'ordinateur va le remplacer par "20".
Essayons ça. Je vais copier "eyeSize".
Et remplacer ces 4 nombres par la variable "eyeSize". Voila !
Maintenant, les yeux de Winston sont bien ronds de la même taille, et si je veux changer leur taille...
... il suffit de changer la valeur de ma variable !
Haaa ! Trop fort ! Même que ça marche !
OK. Bon. On a créé la variable "eyeSize"... ici.
... et, ici, on lui a donné la valeur "33". On peut faire ça en une seule étape.
J'écrit "var eyeSize"... "contient 33 ;".
En si j'enlève les deux anciennes lignes, tout fonctionne quand même.
Maintenant, souvenez-vous que l'ordinateur lit le code du haut vers le bas.
Donc il connait la valeur de "eyeSize", ici...
... car elle a été définie... ici.
Si je l'avais définie, en bas... ici...
en arrivant à cette ligne, l'ordinateur n'aurait aucune idée sur ce qu'est "eyeSize".
Et on se retrouve avec une erreur, qui indique que "eyeSize" n'est pas définie !
Vous pouvez vous dire que vous l'avez fait plus bas...
... mais l'ordinateur est pas aussi intelligent que vous !
Donc, remettons ça en haut du code...
Donc, il faut TOUJOURS définir la variable AVANT de l'utiliser.
Et maintenant, vous connaissez les variables ! Bravo !