[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.82,0:00:02.87,Default,,0000,0000,0000,,Commençons par le commencement...
Dialogue: 0,0:00:02.87,0:00:04.59,Default,,0000,0000,0000,,On va tracer des formes.
Dialogue: 0,0:00:04.59,0:00:06.69,Default,,0000,0000,0000,,Plus tard, on ajoutera de la couleur,
Dialogue: 0,0:00:06.69,0:00:09.32,Default,,0000,0000,0000,,on créera des animations.
Dialogue: 0,0:00:09.32,0:00:11.17,Default,,0000,0000,0000,,Mais pour l’instant,
Dialogue: 0,0:00:11.17,0:00:14.64,Default,,0000,0000,0000,,on va commencer par dessiner un rectangle.
Dialogue: 0,0:00:14.64,0:00:16.52,Default,,0000,0000,0000,,Pour ça, on écrit à gauche « rect »\Npour « rectangle »,
Dialogue: 0,0:00:16.52,0:00:20.76,Default,,0000,0000,0000,,on ouvre une parenthèse, \Net on ajoute 4 nombres,
Dialogue: 0,0:00:20.76,0:00:23.94,Default,,0000,0000,0000,,on ferme la parenthèse \Net on termine par un point-virgule.
Dialogue: 0,0:00:23.94,0:00:25.60,Default,,0000,0000,0000,,Hey ! Regardez à droite, \Non a dessiné un rectangle !
Dialogue: 0,0:00:25.60,0:00:27.75,Default,,0000,0000,0000,,Allez, on en ajoute un autre...
Dialogue: 0,0:00:27.75,0:00:30.01,Default,,0000,0000,0000,,... en utilisant d’autres nombres :
Dialogue: 0,0:00:30.01,0:00:32.18,Default,,0000,0000,0000,,certains plus grands,
Dialogue: 0,0:00:32.18,0:00:34.04,Default,,0000,0000,0000,,d'autres plus petits.
Dialogue: 0,0:00:34.04,0:00:36.07,Default,,0000,0000,0000,,Et voilà : on a obtenu \Nun petit rectangle cette fois-ci !
Dialogue: 0,0:00:36.07,0:00:39.26,Default,,0000,0000,0000,,En fait, si on change le premier nombre,
Dialogue: 0,0:00:39.26,0:00:40.74,Default,,0000,0000,0000,,ça déplace le rectangle horizontalement.
Dialogue: 0,0:00:40.74,0:00:43.90,Default,,0000,0000,0000,,Si on change le dernier nombre,
Dialogue: 0,0:00:43.90,0:00:46.25,Default,,0000,0000,0000,,ça change sa hauteur.
Dialogue: 0,0:00:46.25,0:00:47.52,Default,,0000,0000,0000,,OK.
Dialogue: 0,0:00:47.52,0:00:51.26,Default,,0000,0000,0000,,Bon, voyons maintenant \Ncomment ça fonctionne.
Dialogue: 0,0:00:51.26,0:00:53.99,Default,,0000,0000,0000,,En fait, un ordinateur ne fait qu’obéir\Naux ordres qu’on lui donne,
Dialogue: 0,0:00:53.99,0:00:55.51,Default,,0000,0000,0000,,un peu comme un chien obéissant.
Dialogue: 0,0:00:55.51,0:00:58.97,Default,,0000,0000,0000,,On peut lui demander de s’asseoir, \Nou de rouler sur le dos.
Dialogue: 0,0:00:58.97,0:01:02.03,Default,,0000,0000,0000,,On a juste à lui donner un ordre.
Dialogue: 0,0:01:02.03,0:01:05.75,Default,,0000,0000,0000,,Si on voulait demander à l’ordinateur de\Ns’asseoir [« sit down » en anglais] :
Dialogue: 0,0:01:05.75,0:01:08.62,Default,,0000,0000,0000,,on le ferait en écrivant le nom de la commande…
Dialogue: 0,0:01:08.62,0:01:11.26,Default,,0000,0000,0000,,« sit » ["assis" en anglais] ;
Dialogue: 0,0:01:11.26,0:01:13.26,Default,,0000,0000,0000,,puis, deux parenthèses
Dialogue: 0,0:01:13.26,0:01:16.10,Default,,0000,0000,0000,,et on termine par un point-virgule...
Dialogue: 0,0:01:16.10,0:01:19.53,Default,,0000,0000,0000,,pour lui demander d’exécuter cet ordre.
Dialogue: 0,0:01:19.53,0:01:22.11,Default,,0000,0000,0000,,Et là, l’ordinateur devrait s’asseoir !
Dialogue: 0,0:01:22.11,0:01:25.26,Default,,0000,0000,0000,,Bon, nos ordinateurs ne sont pas \Ndes chiens, en fait !
Dialogue: 0,0:01:25.26,0:01:27.21,Default,,0000,0000,0000,,Ils ne savent pas s’asseoir !
Dialogue: 0,0:01:27.21,0:01:30.26,Default,,0000,0000,0000,,Mais ils savent dessiner des rectangles...
Dialogue: 0,0:01:30.26,0:01:31.86,Default,,0000,0000,0000,,... quand on leur écrit « rect » !
Dialogue: 0,0:01:31.86,0:01:34.33,Default,,0000,0000,0000,,Voyons ça !
Dialogue: 0,0:01:34.33,0:01:37.16,Default,,0000,0000,0000,,On écrit « rect » : c’est le nom de la fonction,
Dialogue: 0,0:01:37.16,0:01:39.60,Default,,0000,0000,0000,,puis les deux parenthèses
Dialogue: 0,0:01:39.60,0:01:42.04,Default,,0000,0000,0000,,pour lui indiquer ce qu’il doit faire.
Dialogue: 0,0:01:42.04,0:01:44.47,Default,,0000,0000,0000,,Et on termine par le point-virgule
Dialogue: 0,0:01:44.47,0:01:47.21,Default,,0000,0000,0000,,pour qu’il exécute cet ordre.
Dialogue: 0,0:01:47.21,0:01:49.97,Default,,0000,0000,0000,,Revenons à ce que nous \Navons écrit tout à l’heure.
Dialogue: 0,0:01:49.97,0:01:52.27,Default,,0000,0000,0000,,Là, c’est le nom de la fonction,
Dialogue: 0,0:01:52.27,0:01:53.77,Default,,0000,0000,0000,,et là, la parenthèse.
Dialogue: 0,0:01:53.77,0:01:55.93,Default,,0000,0000,0000,,Mais à quoi correspondent ces 4 nombres ?
Dialogue: 0,0:01:55.93,0:01:59.05,Default,,0000,0000,0000,,Eh bien, en fait, l’ordinateur \Na besoin de la position
Dialogue: 0,0:01:59.05,0:02:01.69,Default,,0000,0000,0000,,et de la taille du rectangle \Npour le dessiner.
Dialogue: 0,0:02:01.69,0:02:05.42,Default,,0000,0000,0000,,Imaginez que je vous donne \Nun papier quadrillé
Dialogue: 0,0:02:05.42,0:02:07.53,Default,,0000,0000,0000,,et que je vous demande \Nde dessiner un rectangle,
Dialogue: 0,0:02:07.53,0:02:09.84,Default,,0000,0000,0000,,exactement celui que j’ai en tête.
Dialogue: 0,0:02:09.84,0:02:12.50,Default,,0000,0000,0000,,Pour ça, vous avez besoin
Dialogue: 0,0:02:12.50,0:02:16.98,Default,,0000,0000,0000,,de savoir à quel endroit \Nil faut le dessiner sur la feuille.
Dialogue: 0,0:02:16.98,0:02:22.49,Default,,0000,0000,0000,,Donc il faut définir une numérotation\Npour le quadrillage.
Dialogue: 0,0:02:22.49,0:02:26.77,Default,,0000,0000,0000,,Disons qu’horizontalement, \Non numérote à partir de zéro à gauche,
Dialogue: 0,0:02:26.77,0:02:30.22,Default,,0000,0000,0000,,et que le côté droit se termine à 400.
Dialogue: 0,0:02:30.22,0:02:32.72,Default,,0000,0000,0000,,Maintenant, si je veux me positionner à…
Dialogue: 0,0:02:32.72,0:02:36.37,Default,,0000,0000,0000,,... disons… 100.\NC’est à peu près par là.
Dialogue: 0,0:02:36.37,0:02:39.51,Default,,0000,0000,0000,,OK. Bon. Cela me donne une \Nposition de gauche à droite.
Dialogue: 0,0:02:39.51,0:02:43.38,Default,,0000,0000,0000,,Voyons maintenant du haut vers le bas. \NVerticalement,
Dialogue: 0,0:02:43.38,0:02:46.22,Default,,0000,0000,0000,,prenons un autre nombre… disons… 200.
Dialogue: 0,0:02:46.22,0:02:49.74,Default,,0000,0000,0000,,On dit que le haut est numéroté à partir de 0,
Dialogue: 0,0:02:49.74,0:02:52.53,Default,,0000,0000,0000,,et que tout en bas, c’est 400.
Dialogue: 0,0:02:52.53,0:02:56.86,Default,,0000,0000,0000,,Du coup, pour 200… on est… au milieu.
Dialogue: 0,0:02:56.86,0:03:01.21,Default,,0000,0000,0000,,C’est parfait car maintenant on sait \Nà quel endroit dessiner le rectangle...
Dialogue: 0,0:03:01.21,0:03:02.62,Default,,0000,0000,0000,,... juste ici !
Dialogue: 0,0:03:02.62,0:03:04.96,Default,,0000,0000,0000,,Car c’est à 100 du bord gauche
Dialogue: 0,0:03:04.96,0:03:06.74,Default,,0000,0000,0000,,et 200 vers le bas. Parfait !
Dialogue: 0,0:03:06.74,0:03:10.01,Default,,0000,0000,0000,,Mais cela ne suffit pas pour dessiner le rectangle
Dialogue: 0,0:03:10.01,0:03:12.82,Default,,0000,0000,0000,,car il vous faut aussi sa largeur.
Dialogue: 0,0:03:12.84,0:03:20.39,Default,,0000,0000,0000,,Eh bien… disons… 150 de large.\NA cet endroit on est à 100.
Dialogue: 0,0:03:20.39,0:03:22.43,Default,,0000,0000,0000,,Et à celui-là, on est à 400.
Dialogue: 0,0:03:22.43,0:03:28.57,Default,,0000,0000,0000,,150 de large, ça nous donne \Nquelque chose qui nous amène… par là.
Dialogue: 0,0:03:28.57,0:03:31.49,Default,,0000,0000,0000,,Bon, il nous manque encore la hauteur.
Dialogue: 0,0:03:31.49,0:03:33.82,Default,,0000,0000,0000,,Je veux un rectangle pas très haut,\Ndisons de 50.
Dialogue: 0,0:03:33.82,0:03:37.66,Default,,0000,0000,0000,,Bon 50 de haut ça fait à peu près… ça.
Dialogue: 0,0:03:37.66,0:03:40.79,Default,,0000,0000,0000,,Et on a maintenant tout ce qu’il faut...
Dialogue: 0,0:03:40.79,0:03:44.16,Default,,0000,0000,0000,,... pour dessiner le rectangle !
Dialogue: 0,0:03:44.16,0:03:48.05,Default,,0000,0000,0000,,Ça fait pas mal de travail \Npour un simple rectangle.
Dialogue: 0,0:03:48.05,0:03:51.19,Default,,0000,0000,0000,,Mais avec simplement 4 nombres :
Dialogue: 0,0:03:51.19,0:03:54.37,Default,,0000,0000,0000,,100 vers la droite, 200 vers le bas,
Dialogue: 0,0:03:54.37,0:03:57.95,Default,,0000,0000,0000,,150 de large et 50 de haut,
Dialogue: 0,0:03:57.96,0:04:01.82,Default,,0000,0000,0000,,on a tout ce qu’il faut \Npour dessiner un rectangle.
Dialogue: 0,0:04:01.82,0:04:04.55,Default,,0000,0000,0000,,Et l’ordinateur a, lui aussi, \Nbesoin de ces 4 nombres.
Dialogue: 0,0:04:04.55,0:04:07.22,Default,,0000,0000,0000,,Pour ça, on écrit le nom de la fonction « rect »,
Dialogue: 0,0:04:07.22,0:04:14.30,Default,,0000,0000,0000,,une parenthèse et les 4 nombres : \N100, 200, 150 et 50,
Dialogue: 0,0:04:14.30,0:04:16.57,Default,,0000,0000,0000,,on ferme la parenthèse… le point-virgule,
Dialogue: 0,0:04:16.57,0:04:20.14,Default,,0000,0000,0000,,et l’ordinateur dessine un rectangle exactement \Nà l’endroit qu’on lui a indiqué.
Dialogue: 0,0:04:20.14,0:04:24.25,Default,,0000,0000,0000,,Bon… il n’est pas tout à fait où on voulait,
Dialogue: 0,0:04:24.25,0:04:26.38,Default,,0000,0000,0000,,mais on a dessiné le brouillon à la main,
Dialogue: 0,0:04:26.38,0:04:29.01,Default,,0000,0000,0000,,donc… c’est un peu normal !
Dialogue: 0,0:04:29.01,0:04:31.74,Default,,0000,0000,0000,,Imaginons qu’on veuille le faire \Ncorrespondre exactement.\N
Dialogue: 0,0:04:31.74,0:04:36.52,Default,,0000,0000,0000,,Donc un peu à droite... \NUn peu vers le haut...
Dialogue: 0,0:04:36.52,0:04:42.37,Default,,0000,0000,0000,,Un peu moins large...\NEt un peu moins haut...
Dialogue: 0,0:04:42.37,0:04:45.90,Default,,0000,0000,0000,,Et voilà les deux qui se superposent.
Dialogue: 0,0:04:45.90,0:04:49.43,Default,,0000,0000,0000,,Comme on sait maintenant à \Nquoi correspondent les 4 nombres,
Dialogue: 0,0:04:49.43,0:04:52.52,Default,,0000,0000,0000,,on peut les modifier pour \Nobtenir exactement ce qu’on veut.
Dialogue: 0,0:04:52.52,0:04:54.94,Default,,0000,0000,0000,,OK. On va essayer de dessiner\Nun autre rectangle,
Dialogue: 0,0:04:54.94,0:04:58.92,Default,,0000,0000,0000,,car on sait maintenant \Nen dessiner comme on veut.
Dialogue: 0,0:04:58.92,0:05:03.15,Default,,0000,0000,0000,,Cette fois-ci, on veut le mettre \Ndans le coin ici en haut à gauche.
Dialogue: 0,0:05:03.15,0:05:05.89,Default,,0000,0000,0000,,Voyons comment trouver sa position.
Dialogue: 0,0:05:05.89,0:05:10.26,Default,,0000,0000,0000,,Bon, tout à gauche, cela donne zéro.\NEt tout en haut, c’est zéro aussi.
Dialogue: 0,0:05:10.26,0:05:16.14,Default,,0000,0000,0000,,Faisons-le assez petit, \Ndisons... 50 de large, et 10 de haut.
Dialogue: 0,0:05:16.14,0:05:20.77,Default,,0000,0000,0000,,Allez, on essaye.\NOn écrit « rect » avec sa parenthèse.
Dialogue: 0,0:05:20.77,0:05:24.99,Default,,0000,0000,0000,,Puis les 4 paramètres séparés par des virgules.\NC’est pas mal, non ?
Dialogue: 0,0:05:24.99,0:05:30.51,Default,,0000,0000,0000,,Hum, en fait on a ce message d’erreur\Nqui nous indique qu’il manque une parenthèse.
Dialogue: 0,0:05:30.51,0:05:33.37,Default,,0000,0000,0000,,OK. Je l'ajoute.
Dialogue: 0,0:05:33.37,0:05:36.87,Default,,0000,0000,0000,,Hey ! J’ai un autre message maintenant\Nqui me dit qu’il manque un point-virgule.
Dialogue: 0,0:05:36.87,0:05:39.66,Default,,0000,0000,0000,,Si je clique sur le lien « montrez-moi où »,
Dialogue: 0,0:05:39.66,0:05:42.54,Default,,0000,0000,0000,,cela me montre la ligne avec l’erreur.
Dialogue: 0,0:05:42.54,0:05:45.42,Default,,0000,0000,0000,,C’est vrai. Toutes les fonctions doivent\Nse terminer par un point-virgule,
Dialogue: 0,0:05:45.42,0:05:48.70,Default,,0000,0000,0000,,comme le point à la fin des phrases en français.
Dialogue: 0,0:05:48.70,0:05:51.78,Default,,0000,0000,0000,,J’ajoute le point-virgule.\NEt le message disparaît.
Dialogue: 0,0:05:51.78,0:05:55.00,Default,,0000,0000,0000,,Voilà un petit rectangle en haut à gauche.\NComme on voulait.
Dialogue: 0,0:05:55.00,0:05:57.93,Default,,0000,0000,0000,,On peut l’agrandir...
Dialogue: 0,0:05:57.93,0:06:01.83,Default,,0000,0000,0000,,... ou le déplacer comme on veut.
Dialogue: 0,0:06:01.83,0:06:04.100,Default,,0000,0000,0000,,Voilà, vous savez maintenant comment \Ndessiner un rectangle avec la fonction « rect ».
Dialogue: 0,0:06:04.100,0:06:08.16,Default,,0000,0000,0000,,On a vu à quoi correspond \Nchacun des 4 nombres,
Dialogue: 0,0:06:08.16,0:06:10.68,Default,,0000,0000,0000,,qu’il faut commencer par écrire \Nle nom de la fonction,
Dialogue: 0,0:06:10.68,0:06:13.35,Default,,0000,0000,0000,,puis les parenthèses, avec les nombres\Nséparés par des virgules à l’intérieur,
Dialogue: 0,0:06:13.35,0:06:15.54,Default,,0000,0000,0000,,et on termine par un point-virgule.
Dialogue: 0,0:06:15.54,0:06:18.60,Default,,0000,0000,0000,,Entraînez-vous pour prendre l'habitude !
Dialogue: 0,0:06:18.60,0:06:21.25,Default,,0000,0000,0000,,La prochaine fois, on verra comment\Ndessiner d’autres formes,
Dialogue: 0,0:06:21.25,0:06:23.23,Default,,0000,0000,0000,,comment utiliser les couleurs,
Dialogue: 0,0:06:23.23,0:06:26.03,Default,,0000,0000,0000,,et comment animer les formes sur l’écran.