Magickathon : Ressources bonus

Dans cette page tu trouveras :

CrĆ©ation d’une scĆØne de dĆ©part et/ou de fin

Créer une scène de départ avec un menu « Commencer »

Ajouter une ScĆØne

Dans la fenĆŖtre Projet (en haut Ć  droite) fais un clic droit sur le dossier ScĆØnes, et clique sur Ajouter scĆØne

Puis clique sur Ajouter seulement une scĆØne

Renomme la scène en « Menu »

DĆ©place la ScĆØne Menu pour qu’elle soit la premiĆØre en haut de la liste.

Ainsi ça sera la première scène à être jouée !

Maintenant trĆØs important :Ā 

En restant bien sur la scĆØne « menuĀ Ā», associe la Feuille d’ƉvĆ©nement 1 Ć  la scĆØne, sinon aucun code ne s’exĆ©cutera !

Mettre une image de fond

TĆ©lĆ©charge une image sur google pour le fond de ton Ć©cran d’accueil.Ā 

Pour se faire aprĆØs avoir choisi ton image fais un clic droit > Enregistrer l’image sous. L’image s’enregistre par dĆ©faut dans le dossier de TĆ©lĆ©chargement de l’ordinateur.

Retourne sur Construct :Ā 

  • Puis crĆ©er un nouveau spriteĀ 
  • Importe l’image du fond
  • Renomme le Sprite
  • Puis place l’image sur la scĆØne en la positionnant dans le coin haut gauche d’une taille lĆ©gĆØrement supĆ©rieure aux pointillĆ©s.

Donne un titre Ć  ton jeu

Aller sur Texstudio. C’est un logiciel en ligne pour crĆ©er des textes 3D reprenant des designs populaires et permettant d’en crĆ©er une image trĆØs rapidement !

Choisis une typo parmi celles qui se trouvent en bas de l’écran.

Ā 

Ecris ton titre dans le champs Texte

Tu peux regarder les autres onglets si tu le souhaites, pour ajouter du style, un icƓne, un fond..

Enfin, tĆ©lĆ©charge ton titre en allant dans l’onglet TĆ©lĆ©chargerĀ 

Clique sur PNG TRANSPARENT pour ne pas avoir de fond

Retourne sur Construct :

  • CrĆ©er un nouveau sprite
  • Importe l’image du titre
  • Renomme le Sprite
  • Puis place l’image sur la scĆØne

CrƩer un bouton pour lancer le jeu

Insére un nouvel objet de type Bouton

Place le bouton

Et change le Texte  (par défaut il y a écrit OK)

CrĆ©er un nouvel Ć©vĆ©nement : Bouton > Vient d’être cliqué 

Ajouter une action : Systeme > Aller à la scène et sélectionner la scène de début de jeu.

Ajouter un score pour compter le nombre d’objets ramassĆ©s

Pour ajouter un score, on va crĆ©er une variable : une variable permet de stocker une valeur qui peut changer au fil du jeu. Ainsi on pourra lui dire que l’on a ramassĆ© par exemple une piĆØce, et changer en 2.. 3.. 10 au fil du jeu.

Tout va se passer dans la feuille d’évĆ©nement :

  • Fais un clic droit dans la zone grise où il n’y a pas de ligne de code
  • Puis Ajouter une Variable Globale
 
  1. On lui donne un nom clairĀ puis OK
  2. Puis on ajoute une action en dessous de notre pièce détruite :
    Ajouter une Action : SystĆØme > Ajouter Ć  (c’est tout en bas)
Ā 

SƩlectionne la bonne variable (si tu en as plusieurs) Et par dƩfaut la valeur ajoutƩe est de 1.

VoilƠ le rƩsultat que tu dois obtenir :

Ajouter des Points de Vie au HƩros

Il va falloir le faire en 3 Ʃtapes :

  • CrĆ©er un compteur de « viesĀ Ā» pour suivre les points du hĆ©ros
  • CrĆ©er un programme permettant de lui enlever des points lorsqu’il touche un piĆØge ou objet ennemiĀ 
  • CrĆ©er un programme de fin (mort du hĆ©ros) si les points de vie que cela lui a enlevĆ© le met Ć  0 point.

1 – CrĆ©e un compteur de « ViesĀ Ā» pour suivre les points de vie du hĆ©ros !

Pour cela, nous allons crĆ©er une variable globale. Une variable globale peut ĆŖtre utilisĆ©e partout dans notre projet. Ainsi, d’une scĆØne Ć  l’autre, les points de vie du hĆ©ros s’adapteront.

Tout va se passer dans la feuille d’évĆ©nement :

  • Clic droit dans la zone grise où il n’y a pas de ligne de code
  • Ajouter
  • Ajouter une Variable Globale
Ā 
Ā 

On lui donne un nom clair et un nombre de Points de vie puis OK

Ā 

2 – Blessure du hĆ©ros :

On retire un point de vies Ć Ā  la variable quand on touche un sprite ennemi.

Modifier un ƩvƩnement :

  • RepĆØre dans ton code l’Action : SystĆØme > RedĆ©marrer la scĆØne lorsque tu te fais toucher par des PiĆØges / Ennemies.Ā 
  • Supprime cette Action et Ć  la place met :
  • SystĆØme > Soustraire Ć  (c’est tout tout en bas)
  • SĆ©lectionne la bonne variable (si tu en as plusieurs) et indique la valeur Ć  soustraire.
Ā 

3 – Mort du hĆ©ros :

Si le joueur n’a plus de vie de Points de Vie, on recommence le niveau ! 

Tu peux coder une consĆ©quence diffĆ©rente comme aller Ć  une scĆØne GameOver ou autre…

Et trĆØs important redonne lui de la vie pour recommencer le niveau !

Tu peux coder une consĆ©quence diffĆ©rente comme aller Ć  une scĆØne GameOver ou autre…

  • Ajoute une Action en dessous de ā€œRedĆ©marrer la scĆØneā€
  • SystĆØme > DĆ©finir la valeur Ć  (c’est tout tout en bas dans SystĆØme)
  • Et redonne Ć  la bonne variable sa valeur initiale ! (Dans mon exemple: 5 points de vie.)
Ā 

Afficher une variable de score, de vie ou autre Ć  l’écran

Ajoute un texte Ć  la ScĆØne

Pour afficher une variable :

On va avoir besoin d’ajouter un objet de type Texte sur la scĆØne:Ā 

Pour que ton texte soit toujours Ć  la mĆŖme position dans ta scĆØne, on va :

  • Le placer lĆ  où veut le voir placer Ć  l’Ć©cran
    • Attention a bien le placerĀ Ć  l’intĆ©rieur du rectangle de droite.
  • Ajoute lui le comportement Ancre pour qu’il reste en placeĀ 
Ā 

Modifier le texte

Dans la feuille d’évĆ©nement, on va modifier le texte Ć  afficher pour qu’il affiche un mot + notre variable :

  • Dans un Nouvel EvĆ©nement : SystĆØme > Chaque Tick
  • Ajouter une Action : Texte > DĆ©finir le Texte
  • Ecrire dans le champs texte exemple ā€œTon score est :ā€ (les ā€œā€ sont trĆØs important)
  • et Ć  la suite des ā€œā€, Ć©cris le caractĆØre &
  • Puis Ć©cris le nom de ta variable.
Ā 
Ā 

Exemple du résultat attendu : 

Ajouter du son

Récupérer des sons 

Va sur le site Music Screen, il y a beaucoup de musiques d’ambiance sympas et libres de droits. Tout est catĆ©gorisĆ© donc la recherche est trĆØs facile !

TĆ©lĆ©charge le ou les sons qui t’intĆ©ressent.

Importer un fichier son dans Construct

Dans la barre de projet (Ć  droite) :

  • Descendre jusqu’au dossier Sons
  • Fais un clic droit sur le dossier Sons et clic sur Importer des sons
Ā 

Clique sur le bouton d’Importation et aller dans le dossier où se trouve tes fichiers audios et importe les.

Ā 
Ā 
  • Puis tu vas avoir besoin d’un objet Audio dans ton Projet :
    • Clic droit sur la scĆØne
    • SĆ©lectionne « InsĆ©rer un nouvel ObjetĀ Ā»
    • SĆ©lectionne « AudioĀ Ā»
Ā 
 Dans la barre de projet, un objet Audio apparaîtra sous « Object types » et ses propriétés apparaîtront dans la barre des propriétés (à gauche du layout).

Dans la Feuille d’ƉvĆ©nement, nous ajoutons les Ć©vĆ©nements sonores :

  • Ajoute une action Ć  l’Ć©vĆ©nement de ton choix
  • Audio > Jouer et sĆ©lectionner l’audio
Ā 
Retour en haut