Tower defense - les bases

Bienvenue ! Dans cette section tu vas apprendre Ć  crĆ©er un jeu type « Tower DefenseĀ Ā» ! šŸŽ® Et c’est parti !

Configurer le projet

 

RƩglages de la camƩra

Nous allons commencer par ajuster la camĆ©ra pour qu’elle s’adapte parfaitement Ć  la taille de notre jeu, offrant aux joueurs une vue optimale de l’action.

Tu trouveras cette option en haut de la fenĆŖtre, sous l’onglet « PropriĆ©tĆ©sĀ Ā».

Dessine les murs

CrĆ©e un nouvel objet de type « arriĆØre-plan rĆ©pĆ©té », attribue-lui une couleur et ajoute quelques petites dĆ©corations. Garde Ć  l’esprit que les Ć©lĆ©ments ayant la propriĆ©tĆ© « arriĆØre-plan rĆ©pĆ©té » se rĆ©pĆ©teront au lieu de s’agrandir. De plus, nous allons les dĆ©finir comme solides pour empĆŖcher nos ennemis de les traverser.

Place-en plusieurs horizontalement et verticalement afin de crƩer un chemin avec les espaces vides.

Ennemi

 

Ajouter ennemi et ligne d’arrivĆ©e

Pour animer notre jeu, nous allons gĆ©nĆ©rer des ennemis de type « spriteĀ Ā» et positionner une ligne d’arrivĆ©e, Ć©galement sous forme de sprite, que les ennemis tenteront d’atteindre.

DƩplacement des ennemis

Nous allons apprendre Ć  faire dĆ©placer nos ennemis le long d’un chemin prĆ©dĆ©fini en utilisant les comportements « CherchecheminĀ Ā» et ā€œDĆ©placerVersā€ jusqu’à la ligne d’arrivĆ©e.

Dans la feuille d’ƉvĆ©nement, sĆ©lectionner l’Ennemi

  • Ennemi > Ć  la crĆ©ationĀ 

Ajouter une Action : Ennemi > Trouver Chemin

Indiquer dans les deux champs le nom du Sprite qui sert de zone d’arrivĆ©e. et y ajouter .X pour le premier et .Y pour le deuxiĆØme.

Ennemis Ʃvitant les obstacles

Pour amĆ©liorer l’intelligence de nos ennemis, nous allons les faire Ć©viter les obstacles en considĆ©rant les murs comme des Ć©lĆ©ments bloquants sur leur chemin.

Ajoute une seconde action Ơ notre premier ƩvƩnement.

Ennemi > Ajouter l’obstacle

Puis sĆ©lectionner l’obstacle « Murs »  

Ennemi > Quand le Chemin est trouvƩ

Ajouter une Action

Ennemi > Se dƩplacer le long du Chemin

Normalement tu devrais avoir quelque chose comme Ƨa šŸ˜€

Les Tourelles

 

Introduire les tourelles

Les tourelles sont essentielles dans un jeu de Tower Defense ! Nous allons dessiner des tourelles « Sprite » et leur donner le comportement « Tourelle » pour les rendre dynamiques et amusantes à utiliser.

Fais en sorte que le canon de ta tourelle soit orientƩ vers la droite, sinon ta tourelle se comportera Ʃtrangement !!

Les tourelles visent les ennemis

En codant, nous allons permettre aux tourelles de suivre et de pointer automatiquement vers les ennemis lorsqu’ils s’approchent.

Tourelle > a la crƩation

Ajouter une actionĀ 

Tourelle > Ajouter un objet en tant que cible

SĆ©lectionner l’Ennemi dans la feuille d’Ć©vĆ©nement !

Les tourelles tirent… des balles !Ā 

Ā 

Nous allons ajouter des balles (sprites) avec le comportement « projectile » pour que nos tourelles puissent tirer sur les ennemis en approche.

Pour Ć©viter tout problĆØme, fais des balles rondes !! (avec l’outil pinceaux par exemple !)

Ajoute lui le comportement Projectil Ć  la Balle.

Puis il faut faire en sorte que la balle apparaisse du canon de la tourelle.

Tourelle > Au moment du Tir

Ajouter une Action

Tourelle > Faire apparaître un objet  

SĆ©lectionner la Balle en tant qu’objet

Les collisions balle/ennemi

Ajouter un autre ƩvƩnement

faire que la balle et l’ennemi se dĆ©truisent en se touchant

Normalement, tu devrais avoir quelque chose ça : 

Le magasin de tourelles

 

CrƩation du Magasin

Nous allons rendre notre jeu plus interactif en ajoutant un bouton pour placer des tourelles, qui suivront la souris. De plus, nous crƩerons la pose des tourelles en utilisant une variable boolƩenne.

Voyons Ƨa plus en dƩtail !

Commence par rajouter le comportement DƩtruire Hors de la Scene Ơ la Tourelle

Puis crƩer un Sprite qui servira de magasin pour acheter des Tourelles

Place le sur la scĆØne

Tourelles suivant la souris

Pour pouvoir cliquer et faire en sorte que la Tourelle suive la Souris, on va rajouter l’élĆ©ment Souris Ć  la scĆØne !

Lorsque le bouton est cliqué, une tourelle suivra la position de la souris. 

Quand on clique sur le magasin, nous allons crƩer un tourelle qui va suivre notre souris

SOURIS > Lors d’un Objet est CliquĆ©

SƩlectionner le Magasin

Ajouter une actionĀ 

MAGAGASIN > Faire apparaƮtre un Objet

SƩlectionne la Tourelle

Puis on va faire en sorte que la nouvelle Tourelle suive la souris pour pouvoir la poser Ć  l’endroit souhaité 

SYSTEME > Chaque Tick

Ajouter une Action

La TOURELLE > DƩfinir la position

SƩlectionnƩ la Souris .X et .Y

Ce qui te donne l’Ć©venement suivant

Nous allons ajouter une variable booléenne pour poser notre tourelle et changer légèrement le code pour que la tourelle ne suive plus notre souris quand elle est posée.

Ajouter une variable d’Instance Ć  la Tourelle de type BoolĆ©en (cette variable permet de vĆ©rifier si un Ć©tat est VRAI ou FAUX)

On va ajouter une deuxiĆØme condition Ć  notre dernier Evenement !

Clic droit au niveau de SYSTEME > Ajouter une autre condition

SĆ©lectionne le Tourelle > La valeur d’Instance est dĆ©finie

Valider ! Tu devrais avoir quelque comme Ƨa pour l’instant šŸ‘

Tu vas Ơ nouveau faire un clic droit sur la Tourelle (cette fois) et cliquer sur InversƩ

Ainsi la Tourelle suivra la souris tant qu’elle n’est pas posĆ©e !

Et justement on va la poser maintenant !

Souris > Lors d’un clicĀ 

Ajouter une ActionĀ 

La Tourelle > Définir booléen 

En vrai

Aller plus loin

Ā Tu as dĆ©sormais les bases de ton Tower Defense, si ton projet fonctionne et que tu souhaites aller plus loin, je t’invite Ć  suivre le tutoriel suivant :Ā Tower Defense AvancĆ©
Retour en haut