m (Enregistré en utilisant le bouton "Sauvegarder et continuer" du formulaire) |
(update property name) |
||
(17 révisions intermédiaires par 5 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
{{Tuto Details | {{Tuto Details | ||
− | |Type= | + | |SourceLanguage=none |
− | |Area= | + | |Language=fr |
− | |Description=création d'un casse brique avec game maker | + | |IsTranslation=0 |
− | |Difficulty= | + | |Type=Creation |
+ | |Area=Play and Hobbies | ||
+ | |Tags=Casse brique, Game maker, | ||
+ | |Description=<translate><!--T:42--> création d'un casse brique avec game maker</translate> | ||
+ | |Difficulty=Easy | ||
|Cost=0 | |Cost=0 | ||
|Currency=EUR (€) | |Currency=EUR (€) | ||
− | |Duration=3 | + | |Duration=3 |
− | |Duration-type= | + | |Duration-type=hour(s) |
|Licences=Attribution - Pas d'utilisation commerciale + Partage dans les Mêmes Conditions (CC-BY-NC-SA) | |Licences=Attribution - Pas d'utilisation commerciale + Partage dans les Mêmes Conditions (CC-BY-NC-SA) | ||
+ | |Main_Picture=Casse_brique_game_Maker_Final.jpg | ||
}} | }} | ||
{{Introduction | {{Introduction | ||
− | |Introduction=Voici un tuto pour coder un casse brique simple à l'aide de Game Maker | + | |Introduction=<translate><!--T:43--> Voici un tuto pour coder un casse brique simple à l'aide de Game Maker</translate> |
}} | }} | ||
{{Materials | {{Materials | ||
|Tools=* Ordinateur | |Tools=* Ordinateur | ||
* Game Maker Studio | * Game Maker Studio | ||
+ | |ExternalAttachmentsLinks={{ExternalAttachmentsLinks | ||
+ | |ExternalAttachmentsLinks=https://drive.google.com/file/d/0B5tEZobBAb3zTFF5SjExMHQzUzA/view?usp=sharing | ||
+ | }} | ||
+ | |Tuto_Attachments={{Tuto Attachments}} | ||
}} | }} | ||
{{Separator}} | {{Separator}} | ||
{{Tuto Step | {{Tuto Step | ||
− | |Step_Title=Création des sprites | + | |Step_Title=<translate><!--T:44--> Création des sprites</translate> |
− | |Step_Content=Tout d'abord il vas vous falloir créer des sprites pour vos éléments de jeux. | + | |Step_Content=<translate><!--T:45--> |
+ | Tout d'abord il vas vous falloir créer des sprites pour vos éléments de jeux. | ||
+ | <!--T:46--> | ||
Pour ce casse-Brique nous auront besoin de 4 éléments (donc 4 sprites) : | Pour ce casse-Brique nous auront besoin de 4 éléments (donc 4 sprites) : | ||
− | + | * les briques | |
− | + | * la raquette | |
− | + | * la balle | |
− | + | * et les bordures du terrain pour éviter que la raquette ou la balle sorte du niveau par les cotés. | |
+ | |||
+ | |||
+ | <!--T:47--> | ||
+ | Bien penser à centrer l'origine de vos sprites et à appliquer un masque de collision le plus près possible de vos formes originale. | ||
+ | |||
+ | <!--T:48--> | ||
+ | Les sprites sur le coté sont ceux qui ont été créer à la base pours les différents objets, mais vous pouvez en créer d'autre si vous le souhaitez.</translate> | ||
+ | |Step_Picture_00=Casse_brique_game_Maker_spr_balle_0.png | ||
+ | |Step_Picture_01=Casse_brique_game_Maker_spr_brique_0.png | ||
+ | |Step_Picture_02=Casse_brique_game_Maker_spr_mur_0.png | ||
+ | |Step_Picture_03=Casse_brique_game_Maker_spr_raquette_0.png | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate><!--T:49--> Création des objets : la raquette</translate> | ||
+ | |Step_Content=<translate><!--T:50--> | ||
+ | Comme pour les sprites, vous allez devoir créer un objet par élément de votre jeu. Nous allons d'abords créer chaque objet (raquette, mur, brique, balle), c'est important de créer chaque objet avant de commencer à les paramétrer en profondeur. | ||
+ | |||
+ | <!--T:51--> | ||
+ | Une fois chaque objet créer nous allons nous intéresser à la raquette. | ||
+ | |||
+ | <!--T:52--> | ||
+ | Tout d'abord dans l'évenement create de votre raquette, initialisez quatre variables : | ||
+ | * nb_brique à 0 | ||
+ | * ismoving_right à 0 | ||
+ | * ismoving_left à 0 | ||
+ | * ismoving à 0 | ||
+ | |||
+ | <!--T:53--> | ||
+ | la première servira à savoir s'il reste des briques sur le terrain et les trois autres seront utiles pour le contrôle des mouvement de la raquette. | ||
+ | |||
+ | <!--T:54--> | ||
+ | sur l'évènement Step, entrez l'algorithme suivant : | ||
+ | si nb_brique = 0 | ||
+ | { | ||
+ | alors restart la room; | ||
+ | } | ||
+ | |||
+ | <!--T:55--> | ||
+ | ensuite créer un évènement "collision avec mur", et mettez comme le "bounce" avec les paramètre suivant : appliquer aux autre, précision précise, et rebondir sur tous les objet. | ||
+ | |||
+ | <!--T:56--> | ||
+ | maintenant passons aux mouvement : | ||
+ | pour tout ce qui concerne la gauche, créez un évènement left pressed et left released. | ||
+ | Dans left pressed, implantez l'algo suivant : | ||
+ | si ismoving =0 | ||
+ | { | ||
+ | start moving in a direction (droite, force -7, relative) | ||
+ | set variable ismoving_left to 1 | ||
+ | set variable ismoving to 1 | ||
+ | } | ||
+ | |||
+ | <!--T:57--> | ||
+ | Ce bout de code signifie, que si la raquette ne bouge alors elle commence à se déplacer à gauche lorsque l'on appuie sur la flèche de gauche, il permet aussi d'empécher certain bug si jamais la flêche droite et la flèche gauche sont appuyées en même temps. | ||
+ | |||
+ | <!--T:58--> | ||
+ | Pour left released le code ressemblera à ça : | ||
+ | si ismoving_left = 1 | ||
+ | { | ||
+ | start moving in a direction (droite, 7, relative) | ||
+ | set variable ismoving_left to 0 | ||
+ | set variable ismoving to 0 | ||
+ | } | ||
+ | |||
+ | <!--T:59--> | ||
+ | Sachez que le 7 est une valeur arbitraire, vous pouvez la changer à tout moment pour moduler la vitesse de votre raquette. Par contre n'oubliez pas que la vitesse lors du pressage de touche doit être l'opposée de celle lors du release. | ||
+ | |||
+ | <!--T:60--> | ||
+ | Pour faire le déplacement vers la droite il suffit d'inverser la puissance de déplacement et de remplacer tout les ismoving_left, par des ismoving_right. | ||
+ | |||
+ | <!--T:61--> | ||
+ | Et voilà vous n'aurez plus à toucher la raquette.</translate> | ||
+ | |Step_Picture_00=Casse_brique_game_Maker_raquette_obj.png | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate><!--T:62--> Création des objets : briques</translate> | ||
+ | |Step_Content=<translate><!--T:63--> | ||
+ | Ici nous irons plus vites car les briques sont simple à manipuler. | ||
+ | |||
+ | <!--T:64--> | ||
+ | Tout d'abord, dans l'évènement create de la brique il faut set la variable nb_briques, à 1 relative, appliqué à l'obj_raquette. | ||
+ | |||
+ | <!--T:65--> | ||
+ | Ensuite, pour l'évènement destroy, faire de même mais au lieu de 1 il faut set la variable à -1.</translate> | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate><!--T:66--> Création des objets : Bordure du terrain</translate> | ||
+ | |Step_Content=<translate><!--T:67--> Il n'y a rien à faire dans cet objet, ce sont les autres objets qui interagissent avec qui font toute les opérations.</translate> | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate><!--T:68--> Création des objets : la balle</translate> | ||
+ | |Step_Content=<translate><!--T:69--> | ||
+ | Cet objet est le plus compliqué à faire mais aussi le plus important de votre jeu. | ||
+ | <!--T:70--> | ||
+ | Tout d'abord, dans l'évènement create, il faut set des les variables ismoving, ismoving_right, ismoving_left, et une variable lancée à 0. | ||
+ | Les variables ismoving serviront à manipuler la balle avant de la lancer. | ||
− | + | <!--T:71--> | |
+ | Maintenant pour l'évenement de collision avec la raquette, il faut un bounce avec les paramètre suivants : appliquer à sois, bounce contre tout objet, et rebond précis. | ||
+ | |||
+ | <!--T:72--> | ||
+ | Pour la collision avec une brique il faut un rebond comme pour la raquette, et ensuite détruire l'instance contre laquelle la balle entre en collision. | ||
+ | |||
+ | <!--T:73--> | ||
+ | Pour la collision avec les bordure du terrain c'est plus compliqué. | ||
+ | |||
+ | <!--T:74--> | ||
+ | Si la balle n'est pas lancée alors il faut que le rebond soit appliqué sur la bordure et si la balle est lancée alors il faut l'appliquer à la balle | ||
+ | |||
+ | |||
+ | <!--T:75--> | ||
+ | Si la balle sort des limites de la room, il faut restart la room | ||
+ | |||
+ | <!--T:76--> | ||
+ | Lorsqu'on appuie sur espace, si lancée vaut 0, il faut set la variable lancée à 1 et donner une vitesse verticale à la balle (dans mon jeu j'ai mis la vitesse de la balle à 5) | ||
+ | |||
+ | <!--T:77--> | ||
+ | enfin pour les actions sur les touches fléchée, c'est exactement le même algo que pour la raquette à ceci prés qu'il faut vérifier si la balle est lancée, si lancée = 0 alors la balle peut bouger, sinon elle ne doit pas être influencée par les touches fléchée</translate> | ||
+ | |Step_Picture_00=Casse_brique_game_Maker_balle_obj.png | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate><!--T:78--> Création de la room</translate> | ||
+ | |Step_Content=<translate><!--T:79--> Il ne vous reste plus qu'a créer une room qui vous servira d'espace de jeu, je recommande de mettre une vitesse de 30. Voilà la room que j'ai fait, mais vous êtes libre de faire un niveau comme vous le souhaitez</translate> | ||
+ | |Step_Picture_00=Casse_brique_game_Maker_room_casse_brique.png | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate><!--T:80--> Etoffez votre création.</translate> | ||
+ | |Step_Content=<translate><!--T:81--> Maintenant que vous avez la base d'un casse brique, il est temps d'ajouter du son, des graphismes moins sommaires, des menus, un systèmes de scores etc... Bref amusez vous à rendre votre petit jeu un peu plus "pro"</translate> | ||
+ | }} | ||
+ | {{Notes | ||
+ | |Notes=<translate><!--T:82--> Les touches sont gauche droite et espace car cela permet de controller le jeu avec un Makey makey.</translate> | ||
+ | }} | ||
+ | {{Tuto Status | ||
+ | |Complete=Published | ||
}} | }} | ||
− | |||
− |
Auteur I-lab Toulon | Dernière modification 9/12/2019 par Clementflipo
Casse brique, Game maker Casse_brique_game_Maker_Final.jpg fr none Creation 0
Tout d'abord il vas vous falloir créer des sprites pour vos éléments de jeux.
Pour ce casse-Brique nous auront besoin de 4 éléments (donc 4 sprites) :
Bien penser à centrer l'origine de vos sprites et à appliquer un masque de collision le plus près possible de vos formes originale.
Les sprites sur le coté sont ceux qui ont été créer à la base pours les différents objets, mais vous pouvez en créer d'autre si vous le souhaitez.
Comme pour les sprites, vous allez devoir créer un objet par élément de votre jeu. Nous allons d'abords créer chaque objet (raquette, mur, brique, balle), c'est important de créer chaque objet avant de commencer à les paramétrer en profondeur.
Une fois chaque objet créer nous allons nous intéresser à la raquette.
Tout d'abord dans l'évenement create de votre raquette, initialisez quatre variables :
la première servira à savoir s'il reste des briques sur le terrain et les trois autres seront utiles pour le contrôle des mouvement de la raquette.
sur l'évènement Step, entrez l'algorithme suivant : si nb_brique = 0
{ alors restart la room; }
ensuite créer un évènement "collision avec mur", et mettez comme le "bounce" avec les paramètre suivant : appliquer aux autre, précision précise, et rebondir sur tous les objet.
maintenant passons aux mouvement : pour tout ce qui concerne la gauche, créez un évènement left pressed et left released. Dans left pressed, implantez l'algo suivant : si ismoving =0
{ start moving in a direction (droite, force -7, relative) set variable ismoving_left to 1 set variable ismoving to 1 }
Ce bout de code signifie, que si la raquette ne bouge alors elle commence à se déplacer à gauche lorsque l'on appuie sur la flèche de gauche, il permet aussi d'empécher certain bug si jamais la flêche droite et la flèche gauche sont appuyées en même temps.
Pour left released le code ressemblera à ça : si ismoving_left = 1
{ start moving in a direction (droite, 7, relative) set variable ismoving_left to 0 set variable ismoving to 0 }
Sachez que le 7 est une valeur arbitraire, vous pouvez la changer à tout moment pour moduler la vitesse de votre raquette. Par contre n'oubliez pas que la vitesse lors du pressage de touche doit être l'opposée de celle lors du release.
Pour faire le déplacement vers la droite il suffit d'inverser la puissance de déplacement et de remplacer tout les ismoving_left, par des ismoving_right.
Et voilà vous n'aurez plus à toucher la raquette.
Ici nous irons plus vites car les briques sont simple à manipuler.
Tout d'abord, dans l'évènement create de la brique il faut set la variable nb_briques, à 1 relative, appliqué à l'obj_raquette.
Ensuite, pour l'évènement destroy, faire de même mais au lieu de 1 il faut set la variable à -1.
Il n'y a rien à faire dans cet objet, ce sont les autres objets qui interagissent avec qui font toute les opérations.
Cet objet est le plus compliqué à faire mais aussi le plus important de votre jeu.
Tout d'abord, dans l'évènement create, il faut set des les variables ismoving, ismoving_right, ismoving_left, et une variable lancée à 0. Les variables ismoving serviront à manipuler la balle avant de la lancer.
Maintenant pour l'évenement de collision avec la raquette, il faut un bounce avec les paramètre suivants : appliquer à sois, bounce contre tout objet, et rebond précis.
Pour la collision avec une brique il faut un rebond comme pour la raquette, et ensuite détruire l'instance contre laquelle la balle entre en collision.
Pour la collision avec les bordure du terrain c'est plus compliqué.
Si la balle n'est pas lancée alors il faut que le rebond soit appliqué sur la bordure et si la balle est lancée alors il faut l'appliquer à la balle
Si la balle sort des limites de la room, il faut restart la room
Lorsqu'on appuie sur espace, si lancée vaut 0, il faut set la variable lancée à 1 et donner une vitesse verticale à la balle (dans mon jeu j'ai mis la vitesse de la balle à 5)
enfin pour les actions sur les touches fléchée, c'est exactement le même algo que pour la raquette à ceci prés qu'il faut vérifier si la balle est lancée, si lancée = 0 alors la balle peut bouger, sinon elle ne doit pas être influencée par les touches fléchée
Il ne vous reste plus qu'a créer une room qui vous servira d'espace de jeu, je recommande de mettre une vitesse de 30. Voilà la room que j'ai fait, mais vous êtes libre de faire un niveau comme vous le souhaitez
Maintenant que vous avez la base d'un casse brique, il est temps d'ajouter du son, des graphismes moins sommaires, des menus, un systèmes de scores etc... Bref amusez vous à rendre votre petit jeu un peu plus "pro"
Les touches sont gauche droite et espace car cela permet de controller le jeu avec un Makey makey.
Published
Vous avez entré un nom de page invalide, avec un ou plusieurs caractères suivants :
< > @ ~ : * € £ ` + = / \ | [ ] { } ; ? #