montage — Transcript

Full transcript

1. 0:00Regardez ce petit jeu, les pommes qui
2. 0:01tombent du ciel, le chat doit les
3. 0:03attraper et le score mande. Pourtant,
4. 0:05dans mon projet, je n'ai créé qu'une
5. 0:07seule pomme. Comment est-ce possible ?
6. 0:10Ben, c'est grâce à deux notions
7. 0:11importantes dans Scratch. Les clones et
8. 0:14les messages. Ici, Scratch crée
9. 0:17automatiquement des nouvelles pommes.
10. 0:20Dès que le score atteint 10, une seule
11. 0:23paume envoie le message you win.
12. 0:26Plusieurs éléments du jeu réagissent
13. 0:28immédiatement.
14. 0:32Moi c'est William ingénieur logicien
15. 0:34Baza en Allemagne. Je suis le fondateur
16. 0:36de cette chaîne J'aime le code. Ces
17. 0:37chaîne on parle de l'école, l'éducation,
18. 0:40l'intelligence artificielle et de tous
19. 0:42les métiers qui touchent au numérique.
20. 0:44Je m'agresse ainsi aux parents, aux
21. 0:46enfants, aux jeunes, aux personnes
22. 0:48curieuses, aux personnes qui veulent se
23. 0:50réorienter, qui veulent apprendre les
24. 0:53bases de Python, bien de Scratch, de la
25. 0:55programmation. Alors, j'aime le code,
26. 0:57notre site [musique] web www.com.
27. 1:01Vous pouvez juste nous faire un email ou
28. 1:03nous contacter ou écrire juste ici en
29. 1:05commentaire. Aujourd'hui, je reviens
30. 1:07avec euh un sujet, le sujet sur Scratch,
31. 1:10notamment deux notions très
32. 1:12intéressantes sur Scratch, notamment le
33. 1:15clone et le broadcast ou message. Mais
34. 1:18avant de continuer, revenons sur cette
35. 1:21définition. C'est quoi clone ? C'est
36. 1:23quoi broadcast ou alors message. Alors
37. 1:26en scratch qui scratch qui appartient à
38. 1:28la grande famille du la programmation en
39. 1:31bloc. Quand on parle de clone en fait
40. 1:33c'est le fait de copier de manière
41. 1:35dynamique une figure un élément. Donc on
42. 1:37fait juste une copie de manière
43. 1:38dynamique d'un élément. Tout à l'heure
44. 1:40on va le voir dans la démonstration.
45. 1:42C'est très vraiment très simple et ça
46. 1:44raccourcit le code hein. Ça raccourcit
47. 1:46en fait son programme. C'est ça le
48. 1:48cloud. Alors, c'est quoi le broadcast ou
49. 1:51bien le message ? Ça, c'est vraiment les
50. 1:53fondamentaux vraiment de la
51. 1:54programmation qu'on est en train de voir
52. 1:56là. En fait, c'est simple, c'est le fait
53. 1:58de faire communiquer deux bouts de
54. 2:01programme. OK ? Donc c'est vraiment les
55. 2:03bases les bases de de Python. Par
56. 2:06exemple, plus tard quand on va faire du
57. 2:07Python, l'enfant va apprendre qui peut
58. 2:09écrire par exemple des méthodes ou des
59. 2:11fonctions, hein, faire communiquer deux
60. 2:13bouts de côte. Voilà, c'est tout. C'est
61. 2:15c'est ça en fait deux bouts de code,
62. 2:16deux éléments qui se mettent à
63. 2:18communiquer. J'envoie un message et puis
64. 2:20[raclement de gorge] l'autre bout de
65. 2:21code réagit, il écoute le message et il
66. 2:23réagit. C'est en fait tout ce qu'il faut
67. 2:25retenir. Alors ce qui me permet de
68. 2:27passer au prochain point, la démo. Alors
69. 2:29on regarde cette démonstration. On va
70. 2:30voir exactement comment on utilise le
71. 2:33clone et aussi comment on utilise le
72. 2:35message ou alors le broad broadcast. On
73. 2:38regarde la démo et ensuite on se reparle
74. 2:40après. Alors bienvenue, bienvenue à la
75. 2:42démo. Maintenant on va essayer de voir
76. 2:44de manière approfondie le programme. Je
77. 2:46vais essayer d'expliquer un peu. Alors
78. 2:47je vais d'abord commencer par expliquer
79. 2:49la notion de clone. En fait comme on dit
80. 2:52la définition du clone, il s'agit juste
81. 2:55de cloner. On voit ici la pomme. Ça
82. 2:58c'est la paume. Ça c'est le programme de
83. 2:59la pomme. Vous voyez que ici qu'il n'y a
84. 3:01il n'y a qu'une seule figure paume.
85. 3:02Qu'une seule paume ici. Et on va voir
86. 3:04comment avec scratch je peux créer de
87. 3:07manière dynamique plusieurs pommes.
88. 3:08Alors ce qui est intéressant c'est venir
89. 3:10ici regarder un peu ici. OK, ça c'est
90. 3:12ici que ça se passe. OK, ici d'abord
91. 3:15vous allez bien remarqué hein, ça c'est
92. 3:16le programme de la dernière vidéo la
93. 3:18première vidéo sur Scratch. J'ai
94. 3:20récupéré juste ce programme et j'ai
95. 3:22l'amélioré en ajoutant une nouvelle
96. 3:24notion. Ça c'est aussi très important.
97. 3:26On appelle ça refactoriser. Donc j'ai
98. 3:29ajouté juste la notion ici de message ou
99. 3:33bien de broadcast. Tout à l'heure, je
100. 3:34vais expliquer. Alors je commence
101. 3:35d'abord par expliquer la notion de
102. 3:37clone. On voit ici ce qui est
103. 3:38intéressant, c'est ici à ce niveau-ci.
104. 3:40Alors quand le programme commence, voilà
105. 3:42ton enfant de 12 ans, il apprend déjà à
106. 3:45comment je démarre mon programme. Alors
107. 3:46quand le programme commence, ce qu'on
108. 3:48fait d'abord, c'est qu'on bascule
109. 3:49directement. On bascule, on cache en
110. 3:52fait, c'est pour cacher l'arrière-plan
111. 3:54parce que si déjà il y avait un jeu qui
112. 3:55tournait déjà de manière précédemment,
113. 3:58on va essayer un peu de réinitialiser
114. 3:59mon jeu, réinitialiser le score. Donc je
115. 4:02mets le score à zéro et puis j'enlève
116. 4:05j'enlève cet écran là et puis je
117. 4:07recommence à zéro. Donc voilà en fait où
118. 4:10est c'est à ce niveau-ci que le clone
119. 4:12est créé. Donc je prends une boucle
120. 4:14indéfinie et puis je demande de créer le
121. 4:17clone de cette paume toutes les une
122. 4:20seconde. Voilà donc ce qui fait que à
123. 4:22chaque seconde il y a une copie de la
124. 4:25pomme qui est créée. Alors ici il ne
125. 4:26s'agit pas juste de créer la copie de la
126. 4:28pomme. Il faut que je donne aussi une
127. 4:30vie à cette pomme. Alors je dis ici dans
128. 4:33ce bloc à chaque fois que la copie à
129. 4:36chaque [raclement de gorge] seconde que
130. 4:37la copie est créée, je donne la vie.
131. 4:39Voilà c'est ça la beauté du de la
132. 4:41programmation. Donc je donne la vie, je
133. 4:43dis que à chaque fois que une clone
134. 4:46quand un clone de la pomme est créé, je
135. 4:48demande je donne directement la position
136. 4:51de cet élément qui est qui est créé.
137. 4:53Donc je dis que puisque chaque objet
138. 4:56dans un pass de dimension 2, donc avec
139. 4:59avec la position horizontale et la
140. 5:01position verticale, j'avais expliqué ça
141. 5:04dans la vidéo précédente. Comme la pomme
142. 5:05he la paume à chaque fois, à chaque
143. 5:07opposition, elle a toujours un hit qu'on
144. 5:09peut voir ici. Il y a un y. Quand je
145. 5:11déplace, on voit que son sa position des
146. 5:13X et Y se déplace également. Vous voyez,
147. 5:16ça se déplace également la position des
148. 5:17X et Y. Alors, à chaque fois que ce
149. 5:20cette copie dynamique est créée, je
150. 5:23donne [raclement de gorge] la position
151. 5:24des X de manière aléatoire entre - 210
152. 5:28et 210. Ce qui fait que vous allez voir
153. 5:30que la paume apparaît toujours toujours
154. 5:32ici en haut. OK ? Et je fixe la position
155. 5:35verticale. Donc la paume, en fait ça me
156. 5:37permet ici cette logique me permet de de
157. 5:39faire en sorte que mes paumes soient une
158. 5:41fois que c'est créé, qu'elles viennent
159. 5:43toujours vers le haut, qu'elles soit
160. 5:45toujours positionnée ici vers le haut.
161. 5:47Donc elle apparaît ici vers le haut. Ça
162. 5:49c'est ça en fait. Et puis je monte parce
163. 5:51que au début quand j'ai avant de créer
164. 5:53avant de créer la clone, je cache OK
165. 5:55avec le cacher ici et ici je le monte.
166. 5:57Donc ce qui fait que ce qui rend ça
167. 5:59visible. OK en et après maintenant là je
168. 6:02je crée encore je prends encore une
169. 6:03boucle et dans cette boucle qu'est-ce
170. 6:05que je fais ? Dans cette boucle je donne
171. 6:07une position je donne une position à à
172. 6:10Y. Donc en fait ça me permet juste de
173. 6:12faire descendre mon Y jusqu'à ça. C'est
174. 6:15un niveau ici en bas. OK. OK. et que
175. 6:17j'ajoute un mouvement vers le bas donc
176. 6:20en faisant - 3 à y. Donc ce qui fait que
177. 6:22vous allez vous ça donne l'impression
178. 6:24que mes paumes apparaissent et
179. 6:26descendent tout doucement. OK ? Ça c'est
180. 6:28la vitesse. J'ajoute je demande je fais
181. 6:30je fais trois pas vers le bas. Donc
182. 6:32c'est comme ça que ma pomme descend et
183. 6:34puis et dans la boucle si vous voyez
184. 6:36cette boucle avec cette condition en
185. 6:38fait un certain niveau ici hein. C'est
186. 6:39un certain niveau donc c'est à moins -
187. 6:41180 c'est quelque part là. Et après
188. 6:44qu'est-ce qui se passe ? Je je prends je
189. 6:47je pose une condition ici. Je dis que je
190. 6:50dis que le chat donc là maintenant si le
191. 6:53chat donc en fait si mon chat touche ma
192. 6:55pomme OK par c'est ça aussi alors je
193. 6:58mets ma variable score j'ajoute la
194. 7:01variable j'ajoute à mon score tout le
195. 7:03temps. J'ajoute le chiffre 1. Donc ce
196. 7:06qui me permet d'augmenter tout le temps
197. 7:08mon score. Donc à chaque fois que euh
198. 7:11mon chat se déplace pour toucher la
199. 7:12paumme le score prend la valeur 1. OK.
200. 7:15Voilà maintenant où c'est intéressant,
201. 7:16où je parle maintenant de la notion
202. 7:18maintenant de broad de broadcast ou bien
203. 7:20de message. Donc ici mon jeu se termine
204. 7:23quand ? Quand le score est supérieur à
205. 7:269. OK. Dans la précédente vidéo, c'est
206. 7:29moi qui devais tout le temps aller
207. 7:30regarder si le score est arrivé à à 9
208. 7:34avant de changer avant de de présenter
209. 7:36de présenter mon arrière-plan. Oui, tu
210. 7:39as gagné. Maintenant ici, au lieu de
211. 7:40faire ça, j'incrituis une nouvelle
212. 7:43notion qu'on appelle le messager ou le
213. 7:45broadcast. Donc je dis ici envoie à tout
214. 7:47le monde ceci ce message win ok donc dès
215. 7:51que cette conditionci est réunie bon que
216. 7:53à chaque fois que la pomme descend et
217. 7:55que le chat touche la paume dès que le
218. 7:57score dépasse le nombre neuf un message
219. 8:01donc une seule pomme envoie le message
220. 8:03win maintenant une fois que le message
221. 8:05est envoyé OK j'ai ce blocci qui est le
222. 8:09récepteur du message et une fois qu'il
223. 8:11reçoit le message oui il doit réagir à
224. 8:14ce message. Comment il réagit le message
225. 8:16? Il réagit au message tout simplement
226. 8:19en basculant en basculant et en
227. 8:21présentant cet arrière plan qui
228. 8:23s'appelle Wii et il stoppe complètement
229. 8:26le jeu. Ce qui fait que quand je bascule
230. 8:28ici vers ma figure chat, le programme de
231. 8:31ma figure chat est complètement
232. 8:33simplifié. Ici dans mon programme chat,
233. 8:35il n'y a que le déplacement de la gauche
234. 8:37vers la droite. C'est quelque chose de
235. 8:39de vraiment sensationnel. Donc on peut
236. 8:41voir un peu comment on peut améliorer
237. 8:43notre programme et introduire les
238. 8:45nouvelles notions telles que le broad.
239. 8:47Alors ce qu'on va faire c'est que tout
240. 8:48doucement tout rapidement on va essayer
241. 8:50de de lancer le programme. Donc voilà.
242. 8:52Donc vous voyez ici je lance mon
243. 8:53programme mon chat il se déplace et une
244. 8:56fois que le score va atteindre va
245. 8:58dépasser le chiffre 9. Voilà. Alors
246. 9:00qu'est-ce qui va se passer ? C'est
247. 9:01maintenant un message qui sera envoyé.
248. 9:04Voilà un message sera envoyé. Voilà, un
249. 9:07message sera envoyé you win et ensuite
250. 9:09le programme, l'autre bout de programme
251. 9:10va réagir justement à ce message et me
252. 9:13présenter le mot voilà cette [rires]
253. 9:16figure cette ce feuille qu'on voit you
254. 9:18win. Voilà, c'est tout pour la démo.
255. 9:20Voilà. Alors, bienvenue encore. Voilà.
256. 9:22Alors, du coup, ça me permet de
257. 9:23d'engager du du coup le point la
258. 9:26révélation en fait. Qu'est-ce qu'on
259. 9:27retire ici ? C'est quoi la révélation ?
260. 9:29Imagine-toi ton enfant de de 8 ans 12
261. 9:32ans qui fait qui arrive à simplifier son
262. 9:35programme en utilisant en utilisant les
263. 9:37clones. Parce que à la place quand on
264. 9:39est débutant et qu'on essaie de faire
265. 9:41ses premiers pas, on n'est pas obligé
266. 9:43d'utiliser le clone. On peut juste se
267. 9:44débrouiller mais en fait ça rend le ça
268. 9:47rend encore ton programme assez lourd.
269. 9:49Alors, à la place de rendre ton
270. 9:51programme là, tu peux utiliser cette
271. 9:52notion de clone qui te permet de de
272. 9:55créer, voilà, en très peu de en très peu
273. 9:57de lignes, de créer carrément de manière
274. 9:59dynamique, voilà, un sprite ou un
275. 10:01costume. OK ? en fonction de ce que tu
276. 10:03veux faire. Notamment, on crée ici des
277. 10:05paumes de manière dynamique. Vous pouvez
278. 10:06voir, vous avez pu voir dans la démo que
279. 10:08tout le temps, à chaque seconde, une
280. 10:11nouvelle paume est créée et comme ça, on
281. 10:13crée on crée en fait, on apporte un peu
282. 10:15de la de la vie, du dynamisme au jeu.
283. 10:18Voilà, on voit une paume qui se crée de
284. 10:20manière dynamique, qui apparaît tout en
285. 10:22haut de manière aléatoire et la pomme se
286. 10:24déplace du haut vers le bas. Voilà. Et
287. 10:26ça, on réalise ça avec le clone. Voilà,
288. 10:29ça c'est la révélation ici. Du coup, du
289. 10:31coup le message, ça c'est quelque chose
290. 10:32de de tellement puissant que ton enfant
291. 10:34il fait il a ses premiers pas. Mais plus
292. 10:36tard quand il va aller dans les langages
293. 10:37de programmation comme JavaScript ou
294. 10:39bien Python ou Java, il va apprendre
295. 10:42quelque chose. J'écris un bout de code
296. 10:44et ce bout de côte, voilà, ce service,
297. 10:46je peux l'appeler dans une autre partie
298. 10:49de mon programme. Voilà, notamment comme
299. 10:50on dit les métaux, les fonctions. Voilà,
300. 10:53donc il va prendre ces notions là. Ça
301. 10:55c'est déjà déjà les premiers pas qu'il
302. 10:57fait déjà dans ce qu'on appelle le
303. 10:59polymorphisme ou qu'on appelle
304. 11:02l'incapsulation. Il apprend déjà il fait
305. 11:04a ses premiers pas dans ce genre de
306. 11:07cette façon de programmer. Voilà, donc
307. 11:09c'est quelque chose de sensationnel que
308. 11:11je trouve et du coup ça me permet de
309. 11:12faire le lien avec je le code. Notre
310. 11:15oppositionnement, il est il est clair.
311. 11:16Transformer ton enfant de simple
312. 11:18consommateurs, de personnes qui
313. 11:20consomment juste la technologie, les
314. 11:22Snapchat, les choses qu'ils aiment et
315. 11:25que ton enfant qui se met maintenant à
316. 11:27passer juste l'idée un simple jeu comme
317. 11:30on a montré là, il arrive à créer des
318. 11:33jeux. Et comment ça se fait ? Quels sont
319. 11:35les étapes pour pouvoir créer un jeu ?
320. 11:36parce que créer ses pensées. Du coup, ça
321. 11:39me permet de sortir. Voilà, je te je te
322. 11:41pose la question toi qui regarde là,
323. 11:42est-ce que tu connaissais ces notions de
324. 11:45message ou broadcast et de clone ?
325. 11:47Est-ce que tu as utilisé ça par le passé
326. 11:49? Ton avis m'intéresse. S'il te plaît,
327. 11:52écris ton avis en commentaire. Et je dis
328. 11:55encore, je nécesserai de remercier
329. 11:57toutes les personnes qui likent nos
330. 11:59vidéos. N'hésitez pas de partager notre
331. 12:01contenu à aux membres de votre famille,
332. 12:03à vos amis, à vos connaissances. Invitez
333. 12:06vos connaissances à rejoindre la
334. 12:07communauté, à s'abonner, à nous suivre.