1011 lines
39 KiB
Plaintext
1011 lines
39 KiB
Plaintext
FOR https://youtu.be/pop-Rixh6u8
|
|
elle tout le monde j'espère que vous
|
|
allez bien et que vous êtes en forme la
|
|
vidéo d'aujourd'hui est un peu spéciale
|
|
puisqu'elle est plutôt dédié aux enfants
|
|
qui voudraient apprendre la
|
|
programmation alors aux enfants ou aux
|
|
plus jeunes d'entre vous évidemment et
|
|
elle est aussi dédié bien sûr aux
|
|
adultes qui souhaiterait accompagner
|
|
leurs enfants pour l'apprentissage de la
|
|
programmation alors pour ça on va
|
|
utiliser scratch scratch c'est quoi
|
|
c'est un outil dédié vraiment à ça c'est
|
|
un outil qui permet de faire découvrir
|
|
la programmation aux plus jeunes et cet
|
|
outil scratch bien c'est quand même
|
|
quelque chose d'assez solide ça a été
|
|
développé par la mighty spécialement
|
|
pour les enfants pour découvrir la
|
|
programmation c'est utilisé parfois même
|
|
dans des écoles secondaires ou voilà
|
|
pour pour des plus jeunes etc pour des
|
|
ateliers d'initiation et ça quand même
|
|
pas mal de possibilités
|
|
donc voilà un peu pour le programme
|
|
d'aujourd'hui juste une petite chose
|
|
importante avant mais assez que si vous
|
|
avez envie de commencer maintenant ou si
|
|
votre enfant a envie de commencer
|
|
maintenant mais allez-y foncez
|
|
encouragez-les c'est lui je parle aux
|
|
parents essaient simplement parce que
|
|
ben voilà ou plutôt vous allez apprendre
|
|
ça au mieux ça va être je ne dis pas
|
|
qu'on ne peut pas apprendre la
|
|
programmation plus tard il y en a qui
|
|
l'ont appris à 20 39 40 parfois 50 ça
|
|
peut très bien se faire donc voilà là
|
|
aussi pas de souci mais dans l'absolu si
|
|
vous avez envie c'est le meilleur moment
|
|
pour commencer maintenant de toute façon
|
|
juste une petite dernière chose surtout
|
|
n'hésitez pas à donner le petit like le
|
|
petit partage le petit abonnement si la
|
|
vidéo s'il contenu que je vous propose
|
|
vous plaît n'oubliez pas que c'est vous
|
|
qui fait vivre la chaîne allait nous on
|
|
est parti
|
|
donc pour commencer bien simplement
|
|
rendez vous sur ce crash tapez
|
|
simplement le nom sur google et
|
|
choisissez ensuite le premier lien soit
|
|
scratch points et mighty points et du
|
|
sur le site vous devrez d'abord soit
|
|
vous inscrire si vous n'y avez jamais
|
|
encore été donc en cliquant sur
|
|
rejoindre au scratch ou en vous
|
|
connectant en cliquant sur se connecter
|
|
si vous avez déjà un nom d'utilisateur
|
|
ainsi qu'un mot de passe une fois sur
|
|
scratch vous arriverez sur cet écran
|
|
simplement cliquer sur le bouton créer
|
|
pour commencer un nouveau projet et à
|
|
partir de maintenant tout se passera
|
|
dans cet écran cet écran vous permet de
|
|
créer vos animations vous jeu et ses
|
|
parts entre guillemets programmation
|
|
mais d'abord j'imagine que vous voudrez
|
|
à voir l'interface en transe et est donc
|
|
pour ça simplement cliquer sur cette
|
|
icône sion forme de petites planètes et
|
|
choisissez français
|
|
ensuite n'hésitez pas à renommer votre
|
|
petit logiciel est donc voilà ici
|
|
simplement dans cet espace si vous
|
|
pouvez changer le nom on va appeler ça
|
|
mon premier jeu
|
|
intéressons-nous maintenant du coup à
|
|
l'application en elle-même
|
|
la première zone intéressante est celle
|
|
ci cette zone où vous avez le petit chat
|
|
eh bien c'est la partie principale c'est
|
|
là où votre jeu votre petit programme va
|
|
être est ce que vous voyez bien sûr ce
|
|
petit chat simplement je peux prendre
|
|
maintenir mon curseur de souris donc
|
|
maintenir la souris enfoncé et venir
|
|
comme ça le déplacer où je veux donc
|
|
voilà je peux vraiment venir mettre ce
|
|
petit chat où je le désire dans cette
|
|
zone et nous après on le fera se
|
|
déplacer en appuyant sur une touche par
|
|
exemple en bas vous avez ici une petite
|
|
zone saine dans cette scène vous allez
|
|
pouvoir choisir le fond de votre jeu ou
|
|
de votre petite application est donc
|
|
appuyez simplement sur choisir un
|
|
arrière-plan
|
|
et vous aurez le choix entre
|
|
beaucoup d' image différente moi je vais
|
|
choisir la jungle mais choisissez celle
|
|
que vous préférez
|
|
alors une petite chose intéressante ici
|
|
eh bien vous voyez que quand je déplace
|
|
le petit chat vous avez les deux valeurs
|
|
ici qui change donc voilà x et y quelles
|
|
sont ces deux valeurs et bien il s'agit
|
|
de la position du chat tout simplement
|
|
le x montre sa position horizontale
|
|
c'est à dire comme ceux ci et le y
|
|
montre la position verticale c'est à
|
|
dire comme ceci si je le monte lui y est
|
|
bien j'arrive ici je peux venir par
|
|
exemple modifier directement ses
|
|
positions si directement dans cette
|
|
petite zone mettons 00 pour venir placer
|
|
le chat au centre de l'écran vous avez
|
|
aussi ici une option taille on jouant
|
|
sur cette option taille et bien vous
|
|
pouvez comme vous le voyez ici modifier
|
|
la taille de votre petit chat
|
|
la taille normale est de 100 mais vous
|
|
pouvez augmenter ou diminuer ce nombre
|
|
pour la voir en plus petit ou en plus
|
|
grand ici à 540 par exemple le chat
|
|
prend vraiment toute la place
|
|
je vais la remettre à
|
|
102 dernière chose que vous pouvez
|
|
trouver ici et bien c'est le nom de
|
|
votre petit dessin que vous manipulez
|
|
parce que vous pourrez en avoir
|
|
plusieurs on va le faire juste par la
|
|
suite et pour ça et bien le nom je vais
|
|
le changer et je vais m chat
|
|
voilà ça me permettra de le retrouver
|
|
plus facilement par la suite
|
|
direction qui est ici vous permet
|
|
de venir choisir la direction vers
|
|
laquelle votre chat va se diriger
|
|
et la dernière petite chose de cette
|
|
zone 6 et bien c'est ce bouton afficher
|
|
quand il est dans le bleu ici avec
|
|
l'oeil ouvert
|
|
eh bien ça veut dire que le personnage
|
|
est visible si maintenant j'appuie sur
|
|
l'oeil barré et bien le personnage
|
|
devient visible à
|
|
nous verrons plus tard comment ajouter
|
|
d'autres personnages pour l'instant
|
|
regardons un petit peu la partie gauche
|
|
de l'écran cette partie gauche vous
|
|
voyez que vous avez plusieurs onglets
|
|
ici donc les anglais sont vraiment ces
|
|
petites zones là un anglais pour le code
|
|
donc c'est ici que vous allez faire la
|
|
programmation de votre personnage et
|
|
donc la programmation ça veut dire quoi
|
|
au final et bien c'est lui dire
|
|
exactement ce qu'ils doivent faire et
|
|
j'insiste beaucoup sur le exactement
|
|
parce que vous le verrez un ordinateur
|
|
il peut faire vraiment plein de choses
|
|
mais vous devez lui dire quoi faire pas
|
|
à pas vous avez d'autres onglets qui
|
|
vous permettront de modifier un petit
|
|
peu l'apparence de votre personnage ou
|
|
d'ajouter des sons mais ça nous le
|
|
verrons plus tard pour l'instant
|
|
intéressons-nous vraiment à la partie
|
|
code en fait chaque bloc que vous voyez
|
|
ici vous pouvez le prendre avec votre
|
|
souris en maintenant votre doigt appuyé
|
|
et venir la déplacer ici sur la partie
|
|
de droite pour venir l'a ajouté à la
|
|
programmation de votre personnage de la
|
|
même façon si vous ne voulez plus et
|
|
bien simplement vous venez reprendre ici
|
|
et leur passé dans l'onglet de gauche
|
|
ici dans la zone de gauche pour
|
|
l'enlever ici vous avez tout ce que vous
|
|
pouvez faire est ici pour l'instant
|
|
c'est vide vous avez tout ce que votre
|
|
chat va faire donc il ya vraiment
|
|
beaucoup de choses que vous pouvez faire
|
|
ici en vous voyez on va descendre voilà
|
|
soit avec la souris soit en prenant ici
|
|
le petit ascenseur et on voit qu'on a
|
|
vraiment beaucoup beaucoup beaucoup de
|
|
possibilités ses possibilités elles sont
|
|
classées en fonction de ce que vous
|
|
voulez faire par exemple si vous voulez
|
|
faire un mouvement à votre chat et bien
|
|
vous allez sur mouvement si vous voulez
|
|
modifier un peu son apparence vous allez
|
|
sur apparence pareil pour le son pareil
|
|
pour les événements va y revenir un
|
|
petit peu plus tard et pour le reste qui
|
|
se trouvent ici on va voir ça un peu
|
|
plus tard ensemble pour l'instant on va
|
|
se positionner sur événement donc ce
|
|
sont les briques jaunes
|
|
ce qu'il faut comprendre avec la
|
|
programmation c'est qu'on va souvent
|
|
déclenché des choses en fonction
|
|
d'événements de choses qui se passent
|
|
donc on va lui dire bah voila quand il
|
|
se passe quelque chose est bien le chat
|
|
par exemple il va marcher et c'est ce
|
|
qu'on va faire et si dans un premier
|
|
temps donc vous voyez que vous avez
|
|
quand la touche espace est pressé et
|
|
bien cet événement va nous permettre de
|
|
faire des choses quand une touche sera
|
|
pressé donc je vais le prendre et je
|
|
vais le glisser sur cette partie de
|
|
l'écran
|
|
et maintenant je vais changer en
|
|
cliquant sur espace ici et vous voyez
|
|
que vous avez le choix entre plusieurs
|
|
autres touches
|
|
c'est à dire qui si par exemple je peux
|
|
venir changer espace par flèche de
|
|
droite et on va essayer maintenant de le
|
|
faire avancer quand on appuie sur la
|
|
flèche de droite et maintenant eh bien
|
|
je vais rajouter un autre bloc à la
|
|
suite de celui ci c'est vraiment comme
|
|
un puzzle et ça va sans boiter dedans
|
|
donc pour ça maintenant je vais venir
|
|
dans mouvement pourquoi parce qu'on
|
|
cherche vraiment à faire avancer notre
|
|
chat avancer c'est donc un mouvement est
|
|
le premier que je trouve étant avancé de
|
|
10 pas alors je vais le prendre et de la
|
|
même façon je vais venir le maître ici
|
|
alors attention celui là je vais pas
|
|
mettre ici au milieu de tous je vais
|
|
venir l'un briquet dans celui ci dans le
|
|
bloc précédent convient de mettre
|
|
ensemble et on voit ici que du coup on a
|
|
une suite de bloc est donc maintenant je
|
|
vais appuyer sur la flèche de droite de
|
|
mon clavier et je vois bien que le chat
|
|
avance donc ça c'est déjà une première
|
|
chose donc si on la fait avancer vers la
|
|
droite maintenant on pourrait le faire
|
|
avancer vers la gauche et pour ça on va
|
|
reprendre exactement le même
|
|
fonctionnement on va revenir dans
|
|
événements on va reprendre quand la
|
|
touche est pressé on va le glissé alors
|
|
là par contre on va pas le mettre avec
|
|
les deux autres voilà c'est un événement
|
|
différence on appuie sur la touche
|
|
droite du clavier soit on appris sur la
|
|
touche gauche et donc je viens le
|
|
déplacer ici
|
|
et je vais maintenant choisir flèche
|
|
gauche
|
|
et maintenant eh bien on va faire
|
|
exactement la même chose on va reprendre
|
|
au mouvement et on va choisir
|
|
avancé de 10 pas et on va venir le m
|
|
alors par contre si l'état ne dis pas
|
|
qu'on voudrait avancées ici vu qu'on va
|
|
vers la gauche mais c'est entre
|
|
guillemets de -10 pas d'accord donc on
|
|
ne cherche plus à ajouter dit pas on ne
|
|
cherche plus à ajouter 10 à cette valeur
|
|
6 qui se passe d'ailleurs quand on
|
|
appuie voilà sur la flèche de droite on
|
|
cherche à venir en enlever 10 et bien
|
|
pour ça il suffit de mettre un petit
|
|
moins de vent voilà tout simplement
|
|
hélas en appuyant sur la flèche gauche
|
|
maintenant vous devriez avoir la
|
|
possibilité de faire reculer votre chat
|
|
donc la flèche droite pour le faire
|
|
avancer la flèche gauche pour le faire
|
|
reculer d'ailleurs vous voyez que dans
|
|
cette zone à quand un événement est
|
|
déclenchée quand le code se lance on dit
|
|
qu'il s'exécute donc quand le code
|
|
s'exécute et bien vous voyez que ça a
|
|
tendance à clignoter en jaune
|
|
ce qui vous permet de voir du coup
|
|
ce qu'il se passe et donc vous le voyez
|
|
c'est vraiment ça la programmation c'est
|
|
dire bah voila quand il se passe quelque
|
|
chose eh bien on fait autre chose
|
|
bon bien sûr ça va plus loin mais déjà
|
|
là vous avez compris l'idée vous avez
|
|
réussi à faire bouger vous même votre
|
|
personnage ça c'est déjà une très très
|
|
bonne étape de fait et si on faisait
|
|
sauter maintenant
|
|
ok et donc pour le faire sauter comment
|
|
est ce qu'on va faire et bien
|
|
premièrement on a toujours besoin d'un
|
|
événement d'ailleurs votre code sur
|
|
scratch votre programmation comment sera
|
|
toujours plus ou moins par un événement
|
|
donc garder ça en tête maintenant que
|
|
j'ai mon événement je vais plutôt
|
|
maintenant choisir quand la touche est
|
|
pressé voilà on va faire en sorte que
|
|
quand on appuie sur la touche espace est
|
|
bien le chat fasse un petit saut et j'ai
|
|
ici quand la touche espace est pressé
|
|
donc ça assez bon c'est déjà dessus
|
|
et maintenant du coup qu'est ce qu'on
|
|
doit faire et bien on va les dents
|
|
mouvement
|
|
et on descend dans un petit peu vous
|
|
allez trouver a ajouté 10 1 x et ajouté
|
|
10 à y et bien ça c'est exactement par
|
|
exemple pour ajouter 10 à x la même
|
|
chose que avancées ne dit pas d'accord
|
|
simplement
|
|
n'oubliez pas la position de façon
|
|
horizontale est représenté par le x qui
|
|
se trouve ici et la position verticale
|
|
est représenté par le y qui se trouve
|
|
ici
|
|
et donc je vais prendre
|
|
a ajouté 10 and y/y c'est bien le
|
|
vertical c'est bien d'autant bas
|
|
et je vais tester en appuyant sur espace
|
|
et alors on voit que ça fonctionne ça
|
|
c'est très très très bien mais par
|
|
contre il va rester en haut et donc ça
|
|
ce n'est pas ce qu'on veut nous on
|
|
voudrait justement qu'il saute et puis
|
|
qu'il redescende donc pour ça bien
|
|
premièrement je vais remettre le y ici à
|
|
zéro comme ça voilà on va le retrouver
|
|
ici et maintenant eh bien je vais aussi
|
|
avoir la même logique que pour aller à
|
|
gauche et donc je vais dire ajouter 10 à
|
|
y est je vais modifier le dise en moins
|
|
10
|
|
autrement dit il va avancer dit pas vers
|
|
le haut et ensuite il va reculer de 10
|
|
pas et donc aller vers le bas
|
|
alors on peut se dire qu'on va essayer
|
|
mais là vous ne voyez rien et pourquoi
|
|
et bien simplement ça fonctionne
|
|
mais l'ordinateur est vraiment très très
|
|
très très très rapide vraiment
|
|
énormément et donc du coup eh bien il le
|
|
fait bien monté de 10 et l'enlève de 10
|
|
mais beaucoup trop vite pour qu'on
|
|
puisse la percevoir et donc pour ça et
|
|
bien il fait un petit peu modifié les
|
|
choses
|
|
on
|
|
va partir maintenant dans les contrôles
|
|
donc la pastille orange qui se trouvent
|
|
ici ces contrôles ils vont nous
|
|
permettre de manipuler un petit peu plus
|
|
notre code il y en a pas mal mais on va
|
|
découvrir savent petit à petit moi ce
|
|
que je vais faire c'est que je vais
|
|
prendre le attendre une seconde qui se
|
|
trouvent ici en haut se attendre une
|
|
seconde va nous être utile parce que
|
|
vous vous souvenez l'ordinateur va
|
|
beaucoup trop vite et donc il faut lui
|
|
dire ok tu montes un peu mais à vendre
|
|
des cendres et bien tu attends et
|
|
justement ça c'est parfait donc je le
|
|
prends et je viens de glisse et non pas
|
|
à la suite mais vraiment au milieu ici
|
|
entre les deux a ajouté pourquoi parce
|
|
que vraiment quand vous avez appris sur
|
|
la touche espace il va faire tout ça à
|
|
la suite il va vraiment faire tout ça à
|
|
la suite et donc
|
|
il va commencer à lire a ajouté 10 à y
|
|
attendre une seconde et ensuite
|
|
redescendre de 10 on teste ça en
|
|
appuyant sur espace
|
|
et vous voyez bien qu'il saute et qu'il
|
|
redescend il saute et la langue seconde
|
|
il redescend donc on est bon la seule
|
|
chose c'est qu'on va peut-être mettre
|
|
quelque chose de plus grande que 10 pour
|
|
qu'il fasse un plus grand saut donc je
|
|
vais modifier le premier 10 à 100 on va
|
|
voir ce que ça donne et le deuxième ici
|
|
tout en bas je vais le mettre à -100
|
|
au plus le nombre sera grands aux plus
|
|
hautes rao mais attention à bien mettre
|
|
les mêmes nombres ici vous pouvez
|
|
choisir le nombre que vous voulez mais
|
|
choisissez bien lemon à chaque fois
|
|
je teste et là je vois que le résultat
|
|
est intéressant on voit bien qu'ils
|
|
sautent qu'il attend une seconde qu'il
|
|
redescend et on est bien plus haut donc
|
|
encore une fois ici on est bon pour
|
|
notre touche pour sauter on sait déjà
|
|
faire pas mal de choses à ce niveau ci
|
|
ok alors on continue maintenant que
|
|
notre personnage c'est avancer reculer
|
|
et sauter et bien c'est le moment idéal
|
|
pour mettre un deuxième personnage peut
|
|
être un petit ennemis par exemple plat
|
|
et pour ça simplement vous pouvez venir
|
|
cliquez sur cette petite icône si
|
|
choisir un sprite
|
|
quand vous cliquez dessus et bien vous
|
|
pouvez voir maintenant que vous avez le
|
|
choix avec pas mal de dessin différent à
|
|
venir a ajouté sur votre jeu
|
|
choisissez celui que vous voulez moi je
|
|
vais choisir la petite chauve-souris
|
|
et de la même façon vous pouvez venir
|
|
avec votre souris le déplacer là où vous
|
|
voulez alors elle est un petit peu
|
|
grande notre chauve sourire donc je vais
|
|
passer sa taille à 30 par exemple pour
|
|
voir un petit peu voilà là elle est
|
|
beaucoup plus petit c'est peut-être un
|
|
petit peu trop pour moi alors je vais
|
|
prendre 45 voilà 45 c'est plutôt pas mal
|
|
et je vais la mettre plus ou moins voilà
|
|
sur la même ligne la même hauteur on va
|
|
dire que notre petit chat est ce que
|
|
vous pouvez voir ici c'est que votre
|
|
code votre programmation est devenu
|
|
totalement vide alors pas de panique
|
|
simplement c'est parce que chacun de ses
|
|
dessins à sa propre programmation quand
|
|
vous cliquez sur la chauve souris ou
|
|
quand vous cliquez sur le chat et bien
|
|
vous voyez à chaque fois la
|
|
programmation soit du chat soit de la
|
|
chauve souris alors dans le cas de la
|
|
chauve souris on va seulement la craie
|
|
n'existe pas encore mais dans le cadre
|
|
du chat là on a déjà tous nos contrôles
|
|
de la même façon si vous cliquez sur
|
|
arrière-plan eh bien vous avez aussi un
|
|
espace qui vous permet de coder au
|
|
niveau de l'arrière plan par exemple
|
|
pour changer d'arrière-plan pendant le
|
|
jeu donc je vais cliquez sur la chauve
|
|
souris ce qui me donne accès à son code
|
|
et je vais aussi venir choisir un
|
|
événement alors l'événement ici on va
|
|
plus utilisée quand la touche est pressé
|
|
on va utiliser quand le petit drapeau et
|
|
cliquer
|
|
ce petit drapeau en quelque sorte il
|
|
représente
|
|
le début de votre jeu
|
|
donc quand vous appuyez dessus et bien
|
|
ce petit rat peau est pressé et ensuite
|
|
le code qui se trouvera à la suite d'
|
|
ici et bien sera exécutée sera lancée
|
|
lui est fait par l'ordinateur et donc
|
|
qu'est ce qu'on cherche à faire et bien
|
|
on cherche à faire dans un premier temps
|
|
à faire bouger notre chauve souris et
|
|
donc pour ça on va aller dans mouvement
|
|
et on voit qu'on a avancé de 10 pas par
|
|
exemple qui est disponible donc ça
|
|
pourrait déjà marché en partie si je
|
|
viens ici je le mets avancé de 10 pas la
|
|
chauve souris quand je vais à prier sur
|
|
le drapeau vert et bien va avancer ne
|
|
dit pas donc c'est pas mal pour la faire
|
|
avancer maintenant on va pas passer
|
|
notre jeu a appuyé sur le drapeau vert
|
|
pour faire avancer notre ennemi est bien
|
|
pour ça il y a quelque chose
|
|
d'intéressant si on va maintenant dans
|
|
les contrôles donc les contrôles on les
|
|
avait vus déjà un petit peu tantôt avec
|
|
le attendre une seconde est bien dans
|
|
les contrôles on à répéter indéfiniment
|
|
répéter indéfiniment c'est quelque chose
|
|
d'important en programmation c'est ce
|
|
qu'on appelle une boucle est donc cette
|
|
boucle et bien je vais la prendre et je
|
|
vais la glisser ici dans un premier
|
|
temps pour la travailler un peu et en
|
|
fait quel est le principe est bien c'est
|
|
que tous les blocs qu'on va prendre et
|
|
qu'on va mettre ici donc je vais faire
|
|
par exemple avancé ne dit pas je vais le
|
|
mettre ici voilà
|
|
et qu'est ce qui va se passer maintenant
|
|
quand je vais voilà le connecter eh bien
|
|
j'ai appris sur le drapeau et voilà donc
|
|
le drapeau est enclenché et bien la
|
|
chauve souris va avancer ne dit pas
|
|
alors ici par contre on voit qu'elle a
|
|
touché le bord et donc qu'elle arrête
|
|
d'avancé donc je vais appris sur le stop
|
|
je vais venir la remettre un petit peu
|
|
plus ici pour vous montrer je rappe oui
|
|
et on voit voilà qu'à chaque fois elle
|
|
avance de 10 pas indéfiniment ça veut
|
|
dire pour toujours tant qu on appuiera
|
|
pas sur le bouton rouge notre chauve
|
|
souris va avancer ne dit pas alors si
|
|
vous trouvez que c'est un peu rapide
|
|
vous pouvez changer vous pouvez lui dire
|
|
non plus d'avancer de dit pas mais par
|
|
exemple d'avancée de 3 pas elle ira
|
|
vite donc voilà je vais reprendre la
|
|
chauve souris je la mets ici et j'ai
|
|
appris sur le drapeau vert
|
|
et là on voit que la chauve souris
|
|
continue à avancer mais qu'elle le fait
|
|
beaucoup plus lentement alors on est
|
|
presque bon pour notre chauve souris qui
|
|
avance dans notre niveau sauf que comme
|
|
vous le voyez elle vient toucher le bord
|
|
quand elle touche le bord elle s'arrête
|
|
et donc nous ce qu'on cherche à faire
|
|
maintenant c'est que quand elle touche
|
|
le bord et bien elle repart de l'autre
|
|
côté et pour ça vous pouvez utiliser une
|
|
autre structure de contrôle qu'on
|
|
appelle ici le 6 à l'heure
|
|
donc je vais la prendre je vais la
|
|
mettre juste à la suite d' avancée de
|
|
trois papes et je vais vous expliquer
|
|
tout de suite cette nouvelle chose très
|
|
importante en programmation aussi c'est
|
|
ce qu'on appelle une condition grosso
|
|
modo on va regarder si quelque chose se
|
|
passe par exemple dans ce cas ci c'est
|
|
notre chauve souris touche le bord et si
|
|
c'est le cas et bien on mettra du code
|
|
qui se lancera pour venir changer sa
|
|
direction et donc pour ça pour détecter
|
|
si elle touche le bord on a ce qu'on
|
|
appelle ici dans scratch des capteurs
|
|
donc je vais venir sur capteurs et on va
|
|
dire ici dans les capteurs quand elle
|
|
touche le et alors on voit ici le petit
|
|
triangle vers le bas qui nous disent on
|
|
a plusieurs options possibles et on a
|
|
pointeur de souris bord et chats
|
|
le bord et bien c'est le bord de votre
|
|
zone de jeu donc moi je vais choisir
|
|
quand on touche le bord et donc je vais
|
|
venir la glisser dans notre condition et
|
|
là ça devient très lisible parce que ça
|
|
nous dit que si la chauve-souris touche
|
|
le bord eh bien on doit faire quelque
|
|
chose et ce quelque chose eh bien c'est
|
|
très simple c'est de changer sa
|
|
direction
|
|
alors là on va revenir dans mouvement et
|
|
de façon encore plus simple simplement
|
|
on va venir leur place et de ce côté-là
|
|
de l'écran donc comme ça à chaque fois
|
|
la chauve souris va avancer touché le
|
|
bord et ensuite revenir ici continue à
|
|
avancer touché le bord etc etc
|
|
et donc pour ça mais en simplement on va
|
|
lui dire que si elle touche le bord
|
|
alors
|
|
on va mettre x la position horizontale
|
|
voilà et alors où est ce qu'on veut la
|
|
mettre cette chauve-souris eh bien on va
|
|
venir voir tout simplement les
|
|
déplacements de même dans un premier
|
|
temps donc je vais la déplacer ici et ça
|
|
c'est important comme on vérifie si elle
|
|
touche le bord elle ne devrait pas tout
|
|
retouché du coup ce bord sinon elle va
|
|
toujours rester à cet endroit là donc
|
|
voilà m un petit peu plus loin du bord
|
|
ici par exemple
|
|
et je vais regarder sa position et donc
|
|
sa position c'est quoi et bien ici on
|
|
voit qu'on est à moins 194 et à -36 qui
|
|
nous intéresse c'est la position
|
|
horizontale donc c'est la position ici
|
|
comme ça donc on va regarder la bonne
|
|
valeur par exemple ici - sow 90 on va
|
|
venir la m à moins 190
|
|
et ensuite on va cliquer sur le petit
|
|
drapeau et on va regarder si ça se passe
|
|
bien comme on le veut donc l avance l
|
|
avance et hop elle revient ici l avance
|
|
et elle revient ici voilà toujours comme
|
|
ça et à partir de ce moment là eh bien
|
|
on a notre ennemi qui commence à être là
|
|
qui commence à être actif vous voyez on
|
|
lui a dit nous mêmes de bouger alors
|
|
tout simplement voilà maintenant on n'a
|
|
pas encore détecté si le ch a touché la
|
|
chauve souris ou pas
|
|
et c'est là où je vous ai dit au début
|
|
que l'ordinateur faisait exactement ce
|
|
qu'on lui disait ni plus ni moins donc
|
|
pour l'instant on pourrait se dire que
|
|
voilà si
|
|
l'ennemi touche le chat est bien le jeu
|
|
se termine ou alors on pourrait rajouter
|
|
un petit compteur et c'est ici il ne se
|
|
passe rien de tout ça pourquoi
|
|
simplement parce qu'on ne lui a pas
|
|
encore dit on lui a dit que quand on a
|
|
plié sur la flèche de gauche le chalet à
|
|
gauche quand on appuyer sur la flèche de
|
|
droite le chalet à droite comptons
|
|
appuyer sur espace le chat saute au
|
|
final mon de 10 ou de sang ici dans ce
|
|
cas ci attend une seconde et redescend
|
|
et on lui a dit que la chauve-souris
|
|
devait toujours avancer 2-3 pas vers la
|
|
droite et que s'ils finissaient par
|
|
toucher le bord eh bien on re mais la
|
|
chauve souris à son emplacement de
|
|
départ et comme ça on a quelque chose
|
|
qui fonctionne tout le temps tout le
|
|
temps et vous le voyez bien dans le
|
|
répéter indéfiniment tout ce qui se
|
|
trouve à l'intérieur
|
|
et effectuer tout le temps tout le temps
|
|
tout le temps tout le temps c'est à dire
|
|
qu'il sait et bien tout le temps la
|
|
chauve souris va avancer de trois pas et
|
|
tout le temps on va vérifier si elles
|
|
touchent le bord et si elle touche le
|
|
bord alors on mettra x à moins 190 pour
|
|
le remettre à sa position de départ
|
|
c'est exactement ce qu'il se passe ici
|
|
alors ces deux choses là sont très
|
|
importants dans programmation le répéter
|
|
répéter répéter on appelle ça une boucle
|
|
on va pouvoir faire répéter du code un
|
|
certain nombre de fois voir tout le
|
|
temps comme dans ce cas ci est ici le si
|
|
vous avez une condition quand quelque
|
|
chose va être fait ici elle va toucher
|
|
le bord alors quelque chose va se passer
|
|
ici on met x à moins 190 pour remettre
|
|
la chauve souris un autre point de
|
|
départ donc la condition ici est bien
|
|
intégrée dans la boucle et vous le voyez
|
|
très bien grâce à ce système de blocs
|
|
alors maintenant il faudrait pouvoir
|
|
perdre à ce jeu et donc c'est ce qu'on
|
|
va créer dès à présent c'est à dire ce
|
|
qu'on va faire en sorte que quand la
|
|
chauve-souris s'ils touchent le chat est
|
|
bien le jeu s'arrête et donc pour faire
|
|
ça dans qu'est ce qu'on va faire on va
|
|
réutiliser une condition on va utiliser
|
|
un capteur qui permettra de voir si la
|
|
chauve souris va toucher chat et on va
|
|
aussi utiliser un contrôle qui nous
|
|
permettra d'arrêter le jeu et on va
|
|
mettre tout ça ensemble donc simplement
|
|
qu'est ce qu'on va faire on va utiliser
|
|
un contrôle on va utiliser notre
|
|
condition donc le 6 alors et vous voyez
|
|
bien qu'ici on a un espace pour mettre
|
|
la condition justement je vais prendre
|
|
ça et je vais le mettre ici à la suite
|
|
d'accords alors attention bien ici dans
|
|
la boucle répéter indéfiniment parce que
|
|
là aussi tout le temps tout le temps
|
|
tout le temps tout le temps on va devoir
|
|
vérifier si la chauve-souris touche le
|
|
chat est donc je viens le maître
|
|
vraiment ici dans cette boucle ensuite
|
|
j'ai besoin du capteur qui me permettra
|
|
de voir si la chauve-souris touche le
|
|
chat est donc pour ça je vais prendre
|
|
ici touche le et par défaut on a
|
|
pointeur de souris mais on peut mettre
|
|
autre chose je viens le mettre dans la
|
|
condition où vous voyez vraiment à cet
|
|
endroit si et on va mettre chat et donc
|
|
on voit bien que si la chauve-souris
|
|
donc touche le chat est bien elle va se
|
|
passer quelque chose et ce quelque chose
|
|
eh bien ça va être quoi barça va être
|
|
dans les contrôles toujours et ça va
|
|
être stoppé tout je vais le prendre je
|
|
viens glissé alors on peut voir qu'on
|
|
peut
|
|
stopper tout ou alors la programmation
|
|
de la chauve souris donc ça veut dire ce
|
|
script le script c'est ce qu'on fait ici
|
|
c'est de la programmation
|
|
donc nous on va lui demander de tout
|
|
stopper
|
|
et on va tester si ça fonctionne donc
|
|
ici la chauve-souris avance elle me
|
|
touche et le jeu s'arrête on voit bien
|
|
qu'ici ça a été stoppée je relance voilà
|
|
je vais éloigner un petit peu le chat si
|
|
jamais vous n'arrivez plus à le relancer
|
|
simplement c'est parce que votre chauve
|
|
souris tu touches le chat donc [ __ ] weezy
|
|
et l'aap je vois bien que quand la
|
|
chauve souris a touché les chats le jeu
|
|
s'arrête c'est comme si j'appuyais sur
|
|
le bouton stop ici je relance
|
|
j'avance
|
|
recul un peu je saute voilà ici là
|
|
toujours se toucher le chat donc
|
|
attention maintenant si vous trouvez que
|
|
bien on n'a pas 70 pour laisser passer
|
|
la chauve souris et bien simplement
|
|
repartez sur le script du ch a donc
|
|
simplement en cliquant sur le chat ici
|
|
tout en bas et venez changer simplement
|
|
le temps d'attentes par exemple est donc
|
|
ici plutôt que d'attendre une seconde
|
|
vous pouvez attendre trois secondes on
|
|
appuie sur play pour voir si ça
|
|
fonctionne
|
|
voilà le ch arrive je saute voilà la
|
|
chauve souris passe et on est bon donc
|
|
maintenant et bien ce qu'on va faire
|
|
c'est s'intéresser à ce qu'on appelle
|
|
des variables alors c'est quoi une
|
|
variable et bien on va avoir un petit
|
|
exemple ensemble et pour ça on va aller
|
|
sur variable en fait les variables c'est
|
|
un petit endroit dans lequel on va
|
|
pouvoir enregistrer des informations
|
|
par exemple on pourrait enregistrer un
|
|
nombre de points de vie où on pourrait
|
|
aussi enregistré le nombre de secondes
|
|
que nous avons réussi à tenir face à la
|
|
chauve-souris et pour ça on a besoin
|
|
d'un endroit pour enregistrer ce nombre
|
|
est bien cet endroit c'est une variable
|
|
et pour ça vous allez cliquer sur créer
|
|
une variable on va demander un nouveau
|
|
nom pour la variable et ce nouveau nom
|
|
on va l'appeler temps autrement dit le
|
|
nombre de secondes on aura réussi à
|
|
tenir dans le jeu donc on va avoir cette
|
|
variable temps je vais choisir pour tous
|
|
les sprites ça c'est une option un petit
|
|
peu plus avancé qu'on pourra voir
|
|
peut-être dans d'autres vidéos dites -
|
|
si celle-ci vous intéresse dans les
|
|
commentaires ainsi on pourrait peut-être
|
|
aller un peu plus loin ensemble et donc
|
|
on clique sur ok et vous voyez
|
|
maintenant que vous avez tant qui
|
|
apparaît ici dans les variables
|
|
quel écho chez est ici que temps est
|
|
affiché et que pour l'instant le temps
|
|
nouveaux héros
|
|
et bien maintenant il n'y a plus au
|
|
final qu'à augmenter cette variable
|
|
temps 2 1 à chaque seconde qui passe
|
|
alors pour ça qu est ce que je vais
|
|
faire et bien je vais venir dans le top
|
|
du chat par exemple et je vais reprendre
|
|
un événement et je vais lui dire que
|
|
voilà quand le drapeau vert et cliquer
|
|
et bien qu'est ce qu'on va faire on va
|
|
aller dans l'espace variable ici et on
|
|
va lui dire qu'on veut ajouter un à
|
|
temps voilà donc quand ses cliques et on
|
|
ajoute un attend donc je clique sur le
|
|
drapeau vert
|
|
et on voit bien que quand je clique et
|
|
bien ça ajoute un maintenant ça fait pas
|
|
encore ce que nous voulons un ça ajoute
|
|
juste un au moment où cliquer sur le
|
|
drapeau nous c'est parce qu'on veut nous
|
|
on veut que ça ajoute un toutes les
|
|
secondes pour compter le nombre de
|
|
secondes et donc pour ça et bien là
|
|
aussi je vais utiliser une boucle donc
|
|
je vais aller dans control je vais lui
|
|
dire répéter indéfiniment donc tout le
|
|
temps tout le temps tout le temps je
|
|
viens me placer pour entourer mon
|
|
ajouter 1 et maintenant quand je clique
|
|
bien là vous allez le voir directement
|
|
hop
|
|
je vais le des placebos relancer le jeu
|
|
donc quand je clic vous voyez ici que le
|
|
score augmente augmenté augmente encore
|
|
cependant ici ben vous voyez il augmente
|
|
encore une fois beaucoup trop vite et
|
|
donc pour ça qu'est ce que je vais faire
|
|
je pense que vous avez déjà une petite
|
|
idée je vais réutiliser ce bloc attendre
|
|
une seconde
|
|
donc on ajoute un en attend une seconde
|
|
on ajoute 1 1 antoine secondes ça va
|
|
bien nous compter le nombre de secondes
|
|
on appris
|
|
on a pris pour essayer
|
|
et on voit bien ici que ça augmente bien
|
|
de un par seconde alors la dernière
|
|
chose par contre c'est que notre score
|
|
revient pas à zéro à chaque nouvelle
|
|
partie ça c'est un petit peu dommage et
|
|
donc pour ça simplement je vais pouvoir
|
|
aussi remodifier mais variable en
|
|
utilisant ce bloc m ma variable donc ici
|
|
ça va être la variable temps à 0 comme
|
|
ça à chaque fois que je lance une
|
|
nouvelle partie eh bien je mets temps à
|
|
0 et donc je relance une partie est ici
|
|
on voit bien que mon compteur temps
|
|
redémarre bien à 0 quand je lance une
|
|
nouvelle partie et donc ça c'est juste
|
|
très bien alors avant de terminer ce jeu
|
|
on va encore faire quelques petites
|
|
finitions la première je vous ai parlé
|
|
tout à l'heure de l'ong les costumes
|
|
donc cet onglet il est disponible
|
|
vous êtes simplement sur un dessin ici
|
|
un sprite que vous allez animer donc cet
|
|
onglet costumes je vais choisir pour le
|
|
chat est bien et va me permettre de
|
|
créer
|
|
le chat qui va de l'autre côté vers la
|
|
gauche et pour ça comment je vais faire
|
|
eh bien je vais venir sur le costume
|
|
inquiets le chat allons vers la droite
|
|
ça et je vais le renommer donc je vais
|
|
mettre droite ensuite je vais cliquez
|
|
droit dessus donc avec le bouton droit
|
|
de la souris et choisir dupliquer en
|
|
choisissant dupliquer vous voyez qu'on a
|
|
maintenant un nouveau costume droite 2
|
|
donc celui là ça va être pour la gauche
|
|
et pour ça je vais simplement le renommé
|
|
gauche comme ça on va le retrouver un
|
|
petit peu plus facilement un peu plus
|
|
tard ensuite eh bien je vais venir
|
|
cliquez sur cette icône cette icône
|
|
c'est l'icône retourner horizontalement
|
|
et donc ça va créer ce qu'on appelle une
|
|
symétrie ça veut dire retournez le
|
|
dessin de l'autre côté et donc quand je
|
|
clique dessus eh bien on voit bien ici
|
|
qu'il est parti du coup sur la gauche
|
|
j'ai maintenant mes deux dessins pour
|
|
l'animation mais deux costumes et je
|
|
vais revenir maintenant dans le code
|
|
pour lui dire bah voila quand tu vas
|
|
vers la droite mille costumes droite et
|
|
quand tu vas vers la gauche choc mais le
|
|
costume gauche et pour ça et bien
|
|
simplement je vais venir sur la
|
|
programmation du chat parce que
|
|
l'endroit est déjà disponible là on a
|
|
avancé de 10 pas
|
|
avancé de -10 pas quand on va vers la
|
|
gauche et bien simplement il nous suffit
|
|
de changer les costumes à ce moment là
|
|
donc testons et pour ça utilisons ici
|
|
l'onglet apparence
|
|
et j'ai ensuite ici un bloc basculer sur
|
|
le costume est donc je vais l'utiliser
|
|
je vais là ajouté sur la gauche ici et
|
|
je vais lui dire qu avant d'avancer de
|
|
-10 pas eh bien il faudra aller sur le
|
|
costume gauche on essaye et on voit que
|
|
ça fonctionne par contre sur la droite
|
|
l'a vu qu'on ne lui a pas encore dit
|
|
qu'il fallait reprendre le costume de
|
|
droite eh bien c'est ce qu'on va faire
|
|
maintenant lui dire qu'on va basculer
|
|
sur le costume droite et ici on voit du
|
|
coup qu'on peut changer les costumes
|
|
par programmation et que cette
|
|
programmation ne permet du coup
|
|
d'orienter le chat dans le bon sens
|
|
on pourrait jouer ensuite un petit son
|
|
camp le chat se fait toucher et bien là
|
|
aussi ce qu'on va faire mais on va
|
|
revenir à ce moment là plutôt sur le
|
|
code de la souris on voit qu'on a déjà
|
|
un endroit où on gère ce qu'il se passe
|
|
temps le la chauve souris tu touches le
|
|
chat est donc je vais simplement lui
|
|
ajouter ici de dire un petit son époux
|
|
relais sont intégrés aux sprite là aussi
|
|
vous avez un anglais sont qui se trouve
|
|
juste ici donc quand vous appuyez dessus
|
|
vous trouvez les sont disponibles ici il
|
|
y en a déjà un d'intégrer j'appuie sur
|
|
play pour l'essayer
|
|
donc c'est le son d'une chauve-souris
|
|
d'une chouette pardon et du coup je vais
|
|
ajouter maintenant un nouveau sombre
|
|
pour ça je vais venir ici sur cette
|
|
icône choisir un son
|
|
et je vais choisir par exemple ce sont
|
|
de bath et donc je vais le cliquet pour
|
|
l'ajouter dans mes sont ensuite très
|
|
bien simplement comme pour d'habitude il
|
|
me faudra ensuite le lancé par
|
|
programmation est donc ici mère j'ai
|
|
bien une icône sont avec tout plein de
|
|
blocs qui me permettent de faire des
|
|
choses vis-à-vis de son et je vais donc
|
|
utiliser jouer le sont jusqu'au bout et
|
|
je viens
|
|
je la joue tu
|
|
es ici on voit que ça fonctionne et que
|
|
quand la chauve-souris touche le chat
|
|
ça lance le petit sont que nous avons
|
|
choisi
|
|
enfin dernière chose j'ai aussi la
|
|
possibilité de faire dire quelque chose
|
|
aux chats et par exemple je pourrais
|
|
venir du coup dans un parent ça et je
|
|
vois que je peux par exemple dire
|
|
bonjour pendant deux secondes je vais
|
|
reprendre donc ce bout de code je vais
|
|
là ajouté avant le son
|
|
et je vais ajouter
|
|
prévenu
|
|
pendant deux secondes
|
|
et là on voit que ça fonctionne alors
|
|
vous voyez que le son arrivée un petit
|
|
peu plus tard donc si je pourrai d'abord
|
|
mettre le son et ensuite dire perdu et
|
|
vous voyez bien ici il fait exactement
|
|
ce que vous dites vraiment dans l'ordre
|
|
il va jouer le son puis ensuite dire
|
|
perdu pendant deux secondes maintenant
|
|
voilà vous voyez bien que là il attend
|
|
la fin du son pour dire perdu donc
|
|
souvenez vous bien de ça l'ordinateur
|
|
fera vraiment exactement ce que vous lui
|
|
dites et donc voilà pour notre premier
|
|
jeu que nous avons développé ensemble
|
|
alors juste quelques petites choses
|
|
avant de nous quitter et bien votre
|
|
projet vous l'avez normalement
|
|
enregistrées automatiquement ils
|
|
s'enregistrent est plus ou moins
|
|
automatiquement à chaque fois mais vous
|
|
pouvez cliquez sur fichier et qu'ils
|
|
aient enregistré maintenant pour être
|
|
certain et ensuite vous avez ici un
|
|
bouton voir la page du projet est ici et
|
|
bien vous pouvez simplement donner
|
|
quelques instructions aux gens pour
|
|
qu'ils j'essaye votre jeu pourquoi pas
|
|
tapez ici quelques petites notes
|
|
supplémentaires pour donner quelques
|
|
explications et vous pouvez cliquer sur
|
|
partagé afin que toute la communauté de
|
|
scratch puisse voir ce code et ça c'est
|
|
vraiment intéressant aussi parce que
|
|
scratch en plus d'être un formidable
|
|
outil pour vous apprendre la
|
|
programmation vous permet de découvrir
|
|
beaucoup de projets donc si vous cliquez
|
|
sur explorer ici
|
|
et bien vous allez retrouver vraiment
|
|
plein de projets qu'ils ont été créés
|
|
par d'autres personnes vous pouvez les
|
|
essayer en appuyant sur le bouton vert
|
|
et surtout vous pouvez appuyer sur voir
|
|
à l'intérieur pour voir tous les
|
|
éléments qui composent le projet ainsi
|
|
que tout le code qui a été écrit tout le
|
|
code qui est disponible pour les animer
|
|
enfin pour retrouver vos propres projets
|
|
bien elle est simplement sur le nom de
|
|
votre compte ici en haut à droite et
|
|
appuyez sur mes projets
|
|
vous pourrez ensuite retrouver une liste
|
|
de tous les projets que vous avez créés
|
|
sur ce crash ok voilà pour les bases de
|
|
scratch alors il est encore beaucoup
|
|
beaucoup beaucoup de choses à apprendre
|
|
mais j'espère que cette vidéo vous aura
|
|
permis de passer déjà un premier pas de
|
|
commencer à apprendre et de vous donner
|
|
les bonnes bases pour progresser
|
|
l'informatique la programmation est tous
|
|
à toute façon c'est vraiment comme ça
|
|
que cela fonctionne vous devez apprendre
|
|
un peu la base apprendre comment ça
|
|
fonctionne et puis commence à manipuler
|
|
à faire vos propres expériences à
|
|
regarder peut-être d'autres vidéos sont
|
|
les tutoriels au final afin d'apprendre
|
|
de nouvelles choses n'arrêtait jamais
|
|
d'apprendre et si vous sentez que tout
|
|
ça est fait pour vous et bien persévérer
|
|
vous ne le regretterez pas moi en tout
|
|
cas j'ai été ravi de partager ça avec
|
|
vous n'hésitez pas à aimer la vidéo avec
|
|
le petit pouce vers le haut à la
|
|
partager ou voix vous abonner à la
|
|
chaîne pour découvrir de nouvelles
|
|
chaussures de l'informatique et nous on
|
|
se retrouve très bientôt
|