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