Difficulté★★★⭐︎⭐︎ Scratch Programmation

Casse Brique - Créons un jeu avec Scratch!

 

C'est la 3em jeu avec Scratch, on va créer le jeu "Casse Brique".

Les techniques importantes d'aujourd'hui sont le clone et la variable!

Une fois qu'on utilise le clone et la variable, on peut créer plusieurs briques depuis un seul sprite.

En plus, cela permet de créer un jeu plus développé.

Je recommande cette leçon  aux enfant accompagnés de leurs parents, ainsi qu'aux personnes débutants de la programmation.

Je vais poser quelques questions pour bien comprendre

 

Si vous utilisez Scratch pour la première fois, commencez depuis la leçon basique ci-dessous.

Commençons à Scratch! L'initiation pour débutants.

  Maintenant apprendre la programmation est la mode dans le monde entier. Par exemple au Japon, on va commencer des cours de programmation obligatoires en 2020 à l'école primaire. Je pense qu'il y a beaucoup de personnnes qui ont des appréhensions pour faire de la programmation, mais c'est pas si ...

続きを見る

 

Alors, commençons!

 

Créer une balle, une raquette, et une barre

Commençons par la préparation des équipement.

On crée une balle et une raquette en utilisant les sprite, et on peint une barre.

D'abord ouvrez l'écran "créer" sur Scratch, supprimez le chat et ajoutez les sprites de balle et de raquette.

POINT

  • "Choisir un sprite"→ "Ball"
  • "Choisir un sprite"→"Paddle"

  • Ensuite choisissez "Peindre" cela ouvrira l'écran de création de sprite.

  • Peignez une barre.

  • Mettez la en bas de l'écran.
Vous pouvez ajuster sa position directement sur "Stage"

  • Nommez cette barre "bar".

 

Créer le mouvement de la raquette

On peut facilement créer le mouvement de la raquette.

POINT

On va faire bouger la raquette à droite et à gauche, mais elle ne doit pas bouger verticalement (sa position sur l'axe Y).

Afin de faire ça, on utilise le script "souris X" dans le menu "Capteurs".

Les scripts pour "Paddle"

Les scripts pour "Paddle"

Vous avez deux manières de faire, utilisez "mettre X à souris X" en ajustant la position verticale à la main, ou utilisez "aller à X: sourisX , Y: ** " en modifiant l'abscisse.

J'ai mis la taille à 50% pour difficulté !

D'ailleurs, vous pouvez aussi faire bouger la raquette avec les touche ← et →.

Les scripts pour "Paddle"

 

Créer le mouvement de la balle

Maintenant on ajoute l'arrière-plan.

Comme on l'a fait tout à l'heure, on peut peindre l'arrière-plan.

Choisissez "peindre" et peignez comme vous voulez!

J'ai peint simplement.

 

Une fois que vous avez créé l'arrière-plan, on va créer le mouvement de la balle.

POINT

  • Mettez "quandest cliqué" au début.
  • Ajustez la taille de la balle avec "mettre la taille à ○% de la taille initiale".
  • Mettez la position de début de ballon avec "aller à X:○、Y:○".
  • Ajoutez "attendre 2 secondes"(au choix)
  • Ajoutez "avancer de ○ pas " et "rebondir si le bord est atteint" dans "répéter indéfiniment".

Les scripts pour "Ball"

Vous définissez le mouvement en modifiant ○ dans chaque script selon votre choix.

Notamment, "avancer de ○pas" est important pour la difficulté!

Qu'est-ce qui se passe en modifiant ○pas?

 

Jusqu'ici, ce sont des mouvements de balle basique.

Vérifiez le mouvement en cliquant sur .

 

Ensuite, on va créer les scripts pour faire rebondir la balle quand elle touche la raquette.

POINT

  • Ajoutez "Si ** alors" dans "répéter indéfiniment".
  • Utilisez "touche le ** " de Capteurs, créez "Si touche le Paddle alors".
  • Ajoutez "s'orienter vers Paddle" et "tourner de 180 degrés".

Les scripts pour "Ball"

En ajoutant "tourner de 180 degrés", on peut faire rebondir la balle à l'opposé.

Et aussi en utilisant "s'orienter vers Paddle", on peut changer la direction des rebonds en fonction de sa position ou des collision.

 

Ensuite on va créer le mouvement de la balle quand elle touche la barre.

Si la balle touche la barre, le jeu sera fini.

 

POINT

Continuez à ajouter les scripts dans la zone de script du sprite "Ball".

  • Ajoutez "si ** alors" dans "répéter indéfiniment".
  • En utilisant "touche le ** " de Capteurs, créez "si touche le bar alors".
  • Ajoutez "stop tous".

Les scripts pour "Ball"

Jouez en cliquant sur !

Est-ce que la balle s'arrête quand elle touche la barre?

 

Créer des briques

Ensuite on va créer des briques pour le jeu "Casse Brique"!

Vous pouvez choisir dans des sprites (ex:Button3), et aussi vous pouvez peindre.

J'ai peint comme ça!

※N'oubliez pas de le nommer "block".

 

Créer les scripts pour les briques afin qu'elles disparaissent

Alors, créons les scripts des briques afin de les cacher quand elles sont touchées par la balle.

POINT

Ajoutez ces scripts aux scripts de brique,

  • Ajoutez "quand est cliqué" "répéter indéfiniment"
  • Ajoutez "si touche le Ball alors" ensuite "cacher".
  • Créez la variable "score" en cliquant "Créer une variable", et ajoutez "ajouter 1 à score".

Les scripts pour "block"

Cliquez sur et essayez d'enlever la brique en la touchant avec la balle.

En même temps, vérifiez le changement de "score".

 

Fabriquer plusieurs briques (en utilisant le clone et des variables)

On a fait la base du jeu "Casse Brique"!

Mais il n'y a qu'une brique, on veut en faire d'autres.

Comment faire?

Si on duplique le sprite on peut avoir plusieurs briques.

Mais cela créé beaucoup de sprites, c'est pas joli et pas pratique.

On va donc utiliser le clone, ainsi on peut fabriquer d'autres briques depuis une seule brique.

 

POINT

D'abord on ajoute deux variables afin de ranger les briques après les voir clonées.

Nommez les "V" et "H".

  • "quand est cliqué" → "cacher" (ce "cacher" est pour le corps, pas pour le clone)
  • Ajoutez "mettre V à 0" et "mettre H à 0".
  • Entourez "créer un clone de moi-même" et "ajouter 1 à H" par
    "répéter 5 fois". (vous pouvez ajouter "ajouter 2 à l'effet couleur" au choix.)

Les scripts pour "block"

Ce sont les scripts pour cloner horizontalement en 5 lignes.

Ensuite afin de les cloner verticalement en 4 lignes, entourez les par "répéter 4 fois".

  • Ajoutez les scripts dans "répéter 4 fois" comme ci-dessous.

Les scripts pour "block"

Maintenant on ne sait pas pourquoi on utilise ces scripts, mais une fois fini ces scripts pour cloner, ce sera plus compréhensible.

Pour le mouvement des clones, on commence par "quand je commence comme un clone".

Les scripts pour "block"

  • "quand je commence comme un clone"
  • "aller à X:○+△*H , Y:◇-□*V"
    ※Vous pouvez arranger les clones également en mettant les ordonnés. Je vais vous expliquer plus tard dans la rubrique les question de Nyaa.
Vous pouvez insérer une formule dans une autre formule!

  • Ajoutez "montrer".
  • Ajoutez "si touche le Ball alors" et "ajouter 1 à score" dans "répéter indéfiniment".

Après avoir créé ces scripts, vous pouvez supprimez le script qu'on a fait tout à l'heure.

Le script qu'on a fait tout à l'heure.

Maintenant, vérifiez comment les scripts fonctionnent en cliquant sur!

Si vous avez réussi les scripts, 20 briques vont apparaître dès que vous cliquez sur .

 

Les briques s'arrangent également comme ça?

Si vous ne réussissez pas, reportez vous à la rubrique les questions de Nyaa.

 

Question de Nyaa①

Que doit-on modifier afin de changer la position des clones?

Que doit-on modifier afin d'arranger l'intervalle entre les clones?

"aller à X: ○+△*H, Y:◇-□*V"

Trouvez des solutions en modifiant le chiffre dans ○ / △ / ◇ / □.

 

・・

・・・

Je pose la solution ici.

○ et ◇ peuvent désigner la position de commencement à cloner,  △ peut désigner l'intervalle horizontale, □ peut désigner l'intervalle verticale.

Soit dit en passant, la position et l'intervalle ne sont pas au même endroit si vous utilisez les chiffres autant que les images de référence, alors ajustez bien vous même!

 

La balle traverse les briques?!

Vous avez peut-être remarqué, avec les scripts actuels la balle traverse les briques.

Oulala, le jeu finit dans quelques secondes!

Donc, on va faire des scripts pour faire rebondir la balle quand elle touche une brique.

En vous souvenant, essayez d'ajouter les scripts.

 

POINT

Les scripts pour "Ball"

  • "si touche le block alors" → "tourner de 180 degrés"

 

Le script de l'écran de fin "GAME CLEAR"

Grace à la question de Nyaa, on ajoute le script de "GAME OVER" pour un fin plus jolie!

 

Question de NYaa②

De quel script a-t-on besoin afin de basculer l'écran à "GAME CLEAR" quand on a enlevé tout les briques?

 

・・

・・・

Alors, on voit la solution.

Ce jeu a 20 briques, et on peut finir le jeu quand on enlève tout.

Cela correspond à "score=20", donc on utilise la variable "score".

Ajoutez ces scripts à la fin du script de la balle.

 

POINT

  • "si score=20 alors" → "basculer sur l'arrière-plan ** "
    ※"cacher" est au choix

Les scripts pour "Ball"

Ajoutez l'écran de "GAME CLEAR".

J'ai fait comme ça!

Quand on recommence le jeu, l'écran de "GAME CLEAR" est toujours là, donc on ajoute le script pour désigner l'écran général.

Si vous avez mis "cacher" quand "GAME CLEAR", ajoutez "montrer" au début de script.

Les scripts pour "Ball"

En plus on a besoin de remettre score à 0, ajoutons dans les script d'arrière-plan.

Si vous voulez ajouter une musique de fond, vous pouvez le faire ici.

Les scripts pour l"arrière-plan.

 

Maintenant, on fini !

 

Développons le jeu!

Veuillez modifier ou développer le jeu.

Modifier la manière dont rebondis la balle ou comment définir la fin du jeu,  et chercher d'autres possibilités, sont des méthodes très efficaces pour faire progresser vos logiques de programmation.

Voici la page de cette programmation sur  Scratch, veuillez vérifier les scripts ou jouer afin de comprendre comment ils fonctionnent.

 

Si vous voulez, vous pouvez regarder un vidéo de Nyaa sur YouTube.

 

 

Suivez-nous sur Facebook pour rester informer de nos nouvelles publications!

Vous pouvez aussi trouver nos leçons développées sur Udemy.

 

Bonne continuation et à bientôt!

-Difficulté★★★⭐︎⭐︎, Scratch Programmation
-, , , ,

error: Content is protected !!

© 2020 Scratch avec Nyaa Powered by AFFINGER5