Avance ou Brule

Sur cette page, tu trouveras :

Introduction du projet

Le joueur contrôle un héros qui doit avancer et survivre. Le jeu fonctionne comme ça :

  • Le joueur doit avancer rapidement.
  • Une lave le poursuit et peut le tuer.
  • Des caisses bloquent le passage.
  • Le joueur doit tirer pour détruire les obstacles.
avanceoubrule-gdevelop-ZoneMort-03

On va débuter par coder le début de l’évènement à savoir faire disparaitre l’étoile se si on le héros la touche. 

Va dans la feuille d’événements et clique sur Ajouter un nouvel événement.
Ajoute une condition : si le véhicule est en collision avec l’étoile
Puis ajoute une action : supprimer l’étoile de la scène

gdevlop-SI+ALORS

Incrémenter la variable (ajouter des points)

Dans l’événement collision, clique sur Ajouter une action
Va dans Autres actions → Variables → Changer la valeur d’une variable
Donne un nom à la variable, par exemple SCORE ou ETOILES

Pour créer la variable, en cliquant sur « Cliquez pour l’ajouter »

On va maintenant, pouvoir incrémenter à chaque étoile ramassée. m

Mets (+ajouter) plus la valeur à +1.

Et voilà tu gagnes un point à chaque Etoile ramassée ! Il y a 2 problèmes pour l’instant l’information n’apparaît pas à l’écran Et si on recommence le jeu on aura en stock le nombres d’étoiles collecter précédemment. 

Démarrer le jeu avec 0

Crée un nouvel événement afin que, dès le lancement du jeu, le nombre d’étoiles soit automatiquement initialisé à 0, permettant ainsi de démarrer la partie avec un compteur remis à zéro.

Afficher une variable à l’écran

Ajouter un nouveau calque

Pour que le texte reste visible même si la caméra bouge, mets-le sur un calque UI
Si le calque UI n’existe pas : crée-le depuis les calques en bas à droite

 

Ce calque servira à afficher :

  • les boutons
  • le joystick
  • les informations du jeu (score, vie…)

On appelle ce calque UI (interface utilisateur)

Crée un nouveau calque au-dessus des autres et nomme-le UI. Et clic sur le rond pour dire que tu veux mettre les objet suivant sur ce calque.

Ce calque reste toujours visible à l’écran, même quand le joueur se déplace.

gdevelop-mobile

Ajouter le Texte

  • Dans la scène, fais un clic droitNouvel objet
  • Choisis Texte dans la liste des types d’objets
  • Donne un nom à l’objet (ex : Text_Variable_Score)
  • Clique sur OK pour créer l’objet

Configurer les principaux réglages

gdevlop-presentation-49

Couleur du texte

  • Dans les propriétés à gauche, choisis la couleur du texte
  • Clique sur le carré de couleur et sélectionne celle que tu veux

Taille du texte

  • Toujours dans les propriétés, change la taille pour l’adapter à ton écran
  • Tu peux tester différentes tailles pour que ce soit lisible

Alignement

  • Choisis si le texte doit être aligné à gauche, au centre ou à droite
  • L’alignement affecte comment le texte s’affiche si la valeur change (ex : score qui s’incrémente)

Style du texte

  • Tu peux sélectionner gras, italique ou souligné si nécessaire
  • Certains styles peuvent aider à rendre le texte plus visible sur le jeu

Gérer les calques

Une fois le Texte ajouté au projet, il faut bien organiser les calques ! Ce calque est réservé uniquement à l’interface (boutons, joystick, score…).

  1. Pour éviter de mettre d’autres objets dessus par erreur, tu peux clic sur le Cadenas sur ce calque UI.
  2. Ensuite, tu dois revenir sur le calque principal du jeu pour continuer à placer tes objets (personnage, décor…).

Astuce : Vérifier le bon calque

  • Tu peux cliquer sur l’icône œil pour afficher ou cacher un calque.
  • Cela permet de vérifier facilement sur quel calque tu travailles.
gdevelop-calque-cadenas

Coder le Texte

Retourner dans la feuille d’événements

  • Va dans la feuille d’événements de la scène
  • Crée un nouvel événement avec la condition “Si la scène existe”.
Condition “Si la scène existe” → cela permet de mettre à jour le texte dès que la scène est chargée et en continu

Ajouter une action pour modifier le texte

  • Dans ce nouvel événement, ajoute une action
  • Sélectionne ton objet texte (ScoreText ou le nom que tu as choisi)
  • Choisis Modifier le texte
  • Dans le champ texte, écris par exemple : « Étoiles collectées :  » + Variable(ÉTOILES)
gdevlop-presentation-50

Et voilà ! Chaque fois que le joueur ramasse une étoile, la variable ÉTOILES augmente et le texte se met automatiquement à jour.

Retour en haut