[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.04,0:00:08.41,Default,,0000,0000,0000,,Nous voici de nouveau avec Winston. Nous pouvons\Ncontrôler sa position grâce aux variables X et Y.
Dialogue: 0,0:00:08.41,0:00:14.32,Default,,0000,0000,0000,,Donc on peut maintenant le déplacer de haut\Nen bas et le faire danser...
Dialogue: 0,0:00:14.32,0:00:19.04,Default,,0000,0000,0000,,Super ! Regardons un peu le code \Navant de continuer.
Dialogue: 0,0:00:19.04,0:00:24.88,Default,,0000,0000,0000,,On a ces 2 variables X et Y qui contiennent \Nla position du centre du visage de Winston.
Dialogue: 0,0:00:24.88,0:00:28.75,Default,,0000,0000,0000,,On les utilise, ici, quand on dessine \Nl'ellipse pour son visage.
Dialogue: 0,0:00:28.75,0:00:34.32,Default,,0000,0000,0000,,Et aussi pour positionner ses yeux \N"relativement" au centre du visage.
Dialogue: 0,0:00:34.32,0:00:42.37,Default,,0000,0000,0000,,Donc on ajoute ou soustrait des nombres à X et Y\Npour que les yeux soit à 50 pixels ou à 100 pixels du centre.
Dialogue: 0,0:00:42.37,0:00:49.24,Default,,0000,0000,0000,,Par exemple, la bouche est 50 pixels \Nà droite du centre du visage...
Dialogue: 0,0:00:49.24,0:00:54.35,Default,,0000,0000,0000,,et 40 pixels plus bas que le centre du visage.
Dialogue: 0,0:00:54.76,0:01:00.08,Default,,0000,0000,0000,,Bon. Continuons et regardons ce qu'on\Npeut créer comme autres variables.
Dialogue: 0,0:01:00.08,0:01:07.82,Default,,0000,0000,0000,,Pour ça, on va regarder chaque ligne et repérer\Nce qu'on appèle les nombres "hard codés".
Dialogue: 0,0:01:07.82,0:01:14.27,Default,,0000,0000,0000,,Les nombres "hard codés" sont les nombres fixes\Nutilisés. Ce n'est pas les variables.
Dialogue: 0,0:01:14.27,0:01:21.43,Default,,0000,0000,0000,,Regardons un peu. Pour notre première ellipse, ici, \Non a 300 et 300 pour la largeur et la hauteur.
Dialogue: 0,0:01:21.43,0:01:26.59,Default,,0000,0000,0000,,Donc on peut créer une variable pour ça, \Non l'appèle "faceSize" ("tailleDuVisage" en anglais).
Dialogue: 0,0:01:26.60,0:01:36.27,Default,,0000,0000,0000,,"faceSize" contient 300. On utilise la variable ici...\NEt, pour l'instant, la valeur est de 300.
Dialogue: 0,0:01:37.29,0:01:40.91,Default,,0000,0000,0000,,Cool. ça fonctionne bien !
Dialogue: 0,0:01:40.91,0:01:50.77,Default,,0000,0000,0000,,Tout ce qui est là, utilise X, Y ou "eyeSize", mais pour \Nla bouche, on a encore 150 et 150 pour sa taille.
Dialogue: 0,0:01:50.77,0:01:55.97,Default,,0000,0000,0000,,Donc on peut créer une variable pour ça. On\Nl'appèle "mouthSize" (tailleDeLaBouche) = 150.
Dialogue: 0,0:01:55.97,0:02:03.41,Default,,0000,0000,0000,,Et on l'utilise ici...\NLa valeur est pour l'instant de 150.
Dialogue: 0,0:02:04.67,0:02:10.32,Default,,0000,0000,0000,,Donc maintenant, on peut facilement \Nmodifier la taille du visage... ici !
Dialogue: 0,0:02:10.32,0:02:16.04,Default,,0000,0000,0000,,Et aussi modifier la taille de la bouche... ici.
Dialogue: 0,0:02:16.04,0:02:19.16,Default,,0000,0000,0000,,On peut toujours modifier la taille des yeux...
Dialogue: 0,0:02:19.16,0:02:24.21,Default,,0000,0000,0000,,OK. C'est pas mal !\NMais il y a un truc qui ne me plait pas.
Dialogue: 0,0:02:24.21,0:02:33.37,Default,,0000,0000,0000,,En fait, j'aimerais que, quand on change la taille\Ndu visage, tout le reste change en fonction.
Dialogue: 0,0:02:33.37,0:02:40.77,Default,,0000,0000,0000,,Car, si je réduit la taille du visage comme ça...\Nje veux que les yeux et la bouche se rétrécissent aussi !
Dialogue: 0,0:02:40.77,0:02:46.50,Default,,0000,0000,0000,,Si je divise par 2 la taille du visage, il faut que \Nles yeux et la bouche soit aussi...
Dialogue: 0,0:02:46.50,0:02:50.07,Default,,0000,0000,0000,,d'une taille divisée par 2.\NSinon, il sera moche !
Dialogue: 0,0:02:50.07,0:02:53.33,Default,,0000,0000,0000,,Car ses yeux et sa bouche \Nseront bien trop grands
Dialogue: 0,0:02:53.33,0:02:55.94,Default,,0000,0000,0000,,Et ils ne sont pas positionnés \Ncorrectement non plus !
Dialogue: 0,0:02:55.94,0:03:01.37,Default,,0000,0000,0000,,Donc, je veux que ces 2 variables \NmouthSize et eyeSize...
Dialogue: 0,0:03:01.37,0:03:04.70,Default,,0000,0000,0000,,soient dépendent de la valeur \Nde "faceSize".
Dialogue: 0,0:03:05.96,0:03:08.66,Default,,0000,0000,0000,,On va les remettre avec leurs valeurs\Ndu départ.
Dialogue: 0,0:03:08.66,0:03:16.66,Default,,0000,0000,0000,,Bon. Pour faire ça, on veut que ces valeurs \Nsoient basées sur la taille du visage.
Dialogue: 0,0:03:16.66,0:03:21.66,Default,,0000,0000,0000,,On peut dire que la taille de la bouche \Nest égal à la taille du visage divisée par 2.
Dialogue: 0,0:03:21.66,0:03:27.43,Default,,0000,0000,0000,,Donc on indique que la bouche est calculée \Ncomme étant la moitié du celle du visage.
Dialogue: 0,0:03:27.43,0:03:31.44,Default,,0000,0000,0000,,Si vous avez besoin d'un rappel sur les divisions ou\Nles fractions...
Dialogue: 0,0:03:31.44,0:03:35.16,Default,,0000,0000,0000,,regardez les vidéos de la Khan Academy.
Dialogue: 0,0:03:35.16,0:03:40.29,Default,,0000,0000,0000,,OK. La taille des yeux est environ...\Nla taille du visage divisé par 4.
Dialogue: 0,0:03:40.29,0:03:44.37,Default,,0000,0000,0000,,C'est pas exactement ça, mais bon...\NC'est pas trop mal. Houps, non, plutôt par 7...
Dialogue: 0,0:03:44.37,0:03:46.87,Default,,0000,0000,0000,,... oui, c'est bien mieux.
Dialogue: 0,0:03:46.87,0:03:50.74,Default,,0000,0000,0000,,Si vous n'avez pas la bonne fraction du \Npremier coup, vous pouvez le changer plus tard.
Dialogue: 0,0:03:50.74,0:03:53.64,Default,,0000,0000,0000,,Et faites des essais, jusqu'à ce que cela\Nressemble à ce que vous voulez.
Dialogue: 0,0:03:54.19,0:04:02.60,Default,,0000,0000,0000,,OK. Bon, maintenant, si on change la taille du\Nvisage, regardez la taille des yeux et de la bouche !
Dialogue: 0,0:04:02.60,0:04:04.14,Default,,0000,0000,0000,,C'est pas mal !
Dialogue: 0,0:04:04.14,0:04:06.80,Default,,0000,0000,0000,,Mais il y a encore quelque chose qui ne va pas.
Dialogue: 0,0:04:06.80,0:04:12.91,Default,,0000,0000,0000,,Les yeux et la bouche se retrouvent en dehors\Ndu visage quand il est très petit.
Dialogue: 0,0:04:12.91,0:04:17.37,Default,,0000,0000,0000,,Leurs tailles sont OK. Le problème\Nc'est leur position.
Dialogue: 0,0:04:17.37,0:04:24.07,Default,,0000,0000,0000,,Ce qui se passe...ici, quand on positionne\Nles ellipses...
Dialogue: 0,0:04:24.07,0:04:31.14,Default,,0000,0000,0000,,on utilise X-50 et Y-50\Npuis, X+100 et Y-60
Dialogue: 0,0:04:31.14,0:04:40.90,Default,,0000,0000,0000,,Donc, même si la taille du visage est de 50 pixels,\Non place toujours l'oeil à 50 pixels du centre du visage.
Dialogue: 0,0:04:40.90,0:04:43.74,Default,,0000,0000,0000,,Ce qui le place en dehors du visage.
Dialogue: 0,0:04:43.74,0:04:47.77,Default,,0000,0000,0000,,Donc on doit remplacer, ici, les valeurs\N50, 100 et 60...
Dialogue: 0,0:04:47.77,0:04:54.74,Default,,0000,0000,0000,,par des fractions de la taille du visage.\NAinsi, quand la taille du visage change...
Dialogue: 0,0:04:54.74,0:05:00.54,Default,,0000,0000,0000,,Les positions des yeux et de la bouche \Nvont changer aussi.
Dialogue: 0,0:05:02.11,0:05:04.97,Default,,0000,0000,0000,,OK. Je vais vous montrer ça.
Dialogue: 0,0:05:04.97,0:05:08.37,Default,,0000,0000,0000,,X moins 50.\NC'est X moins 50 pixels.
Dialogue: 0,0:05:08.37,0:05:12.40,Default,,0000,0000,0000,,Cela veut dire que c'est à 50 pixels \Nà gauche du centre du visage.
Dialogue: 0,0:05:12.40,0:05:15.20,Default,,0000,0000,0000,,Bon. On va utiliser une fraction \Npour régler notre problème.
Dialogue: 0,0:05:15.20,0:05:19.41,Default,,0000,0000,0000,,Essayons avec la taille du visage\Ndivisé par 6.
Dialogue: 0,0:05:19.41,0:05:22.37,Default,,0000,0000,0000,,Donc, 1/6ième de la taille du visage.
Dialogue: 0,0:05:22.37,0:05:28.74,Default,,0000,0000,0000,,OK. on a aussi, 50 va être \Nla taille du visage divisé par 6.
Dialogue: 0,0:05:28.74,0:05:35.54,Default,,0000,0000,0000,,Donc, maintenant, si on modifie la taille\Ndu visage, l'oeil est positionné parfaitement !
Dialogue: 0,0:05:35.54,0:05:38.44,Default,,0000,0000,0000,,... Yahouuu !...
Dialogue: 0,0:05:38.44,0:05:41.32,Default,,0000,0000,0000,,Il faut traiter l'autre oeil aussi !
Dialogue: 0,0:05:41.32,0:05:47.99,Default,,0000,0000,0000,,Aller. 100 va devenir la taille du visage\Ndivisé par 3. Donc 1/3 de la taille du visage.
Dialogue: 0,0:05:47.99,0:05:53.32,Default,,0000,0000,0000,,Et 60 va devenir 1/5 de la taille du visage,\Ndonc, la taille du visage divisé par 5.
Dialogue: 0,0:05:53.32,0:05:57.10,Default,,0000,0000,0000,,Génial ! Essayons... superbe !
Dialogue: 0,0:05:57.10,0:06:00.32,Default,,0000,0000,0000,,Il nous reste le problème de la bouche.
Dialogue: 0,0:06:00.32,0:06:02.30,Default,,0000,0000,0000,,Donc on va sur la ligne de code... ici.
Dialogue: 0,0:06:02.30,0:06:06.54,Default,,0000,0000,0000,,Ici, on va mettre la taille du visage divisé par 6.
Dialogue: 0,0:06:06.54,0:06:10.49,Default,,0000,0000,0000,,et, ici... la taille du visage divisé par 7.
Dialogue: 0,0:06:10.49,0:06:15.56,Default,,0000,0000,0000,,Donc, maintenant, tout est proportionnel.\NVoyons ce que cela donne.
Dialogue: 0,0:06:15.56,0:06:18.66,Default,,0000,0000,0000,,Wouhouuu ! \NOn peut rétrécir Winston au maximum
Dialogue: 0,0:06:18.66,0:06:22.49,Default,,0000,0000,0000,,mais ses yeux et sa bouche restent dans le visage !
Dialogue: 0,0:06:22.49,0:06:25.99,Default,,0000,0000,0000,,Je suis sûr qu'il préfère ça !
Dialogue: 0,0:06:26.82,0:06:28.04,Default,,0000,0000,0000,,OK. Bon.
Dialogue: 0,0:06:28.04,0:06:29.80,Default,,0000,0000,0000,,Faisons un petit résumé.
Dialogue: 0,0:06:31.19,0:06:33.24,Default,,0000,0000,0000,,Tout en haut, on a nos variables.
Dialogue: 0,0:06:33.24,0:06:37.04,Default,,0000,0000,0000,,Et on commence par y mettre \Nseulement les nombres (comme 200).
Dialogue: 0,0:06:37.04,0:06:41.66,Default,,0000,0000,0000,,Puis, on calcul les tailles de la bouche et des yeux\Nen fonction de ce nombre...
Dialogue: 0,0:06:41.66,0:06:45.91,Default,,0000,0000,0000,,... c'est une fraction de ce nombre.\Nainsi, si la taille du visage est 200...
Dialogue: 0,0:06:45.91,0:06:47.81,Default,,0000,0000,0000,,... la taille de la bouche est 100.
Dialogue: 0,0:06:47.81,0:06:53.27,Default,,0000,0000,0000,,Puis, si la taille du visage passe à 300, du coup, \Nla taille de la bouche sera de 150.
Dialogue: 0,0:06:53.27,0:06:55.60,Default,,0000,0000,0000,,Donc, cela change "proportionnellement".
Dialogue: 0,0:06:55.60,0:07:00.99,Default,,0000,0000,0000,,Ensuite... ici... quand on calcul les positions,\Non utilise aussi des fractions.
Dialogue: 0,0:07:00.99,0:07:07.66,Default,,0000,0000,0000,,Car on veut que le décalage dépende aussi\Nde la taille du visage "proportionnellement".
Dialogue: 0,0:07:07.66,0:07:15.06,Default,,0000,0000,0000,,En fait, on veut que tout le reste soit calculé\Nen fonction de la taille du visage (variable "faceSize").
Dialogue: 0,0:07:15.06,0:07:19.08,Default,,0000,0000,0000,,Et on peut faire ça avec les variables et\Nles expressions avec des variables.
Dialogue: 0,0:07:19.66,0:07:23.82,Default,,0000,0000,0000,,Bon. Maintenant qu'on a compris comment rendre\Nles variables dépendantes d'autres variables...
Dialogue: 0,0:07:23.82,0:07:26.41,Default,,0000,0000,0000,,... on peut faire beaucoup plus de chose \Ndans nos programmes.
Dialogue: 0,0:07:26.41,0:07:30.47,Default,,0000,0000,0000,,On va fêter ça en AGRANDISSANT\Nnotre Winston
Dialogue: 0,0:07:30.47,0:07:33.32,Default,,0000,0000,0000,,Allez Winston, continue, continue...\Naller... encore !
Dialogue: 0,0:07:33.32,0:07:39.41,Default,,0000,0000,0000,,Ne t'arrête pas ! aller... encore !\NGnaaaaaaaa !