Dans le chapitre précédent, nous avons vu comment ajouter un décor en arrière-plan. Il est d’ajouter des éléments du gameplay, comme, au sahard, le joueur

Création du joueur

Le joueur se compose de plusieurs éléments : un sprite, un contrôleur (manette, clavier, etc) et un script pour interagir avec le monde.

Nous allons voir ces étapes l’une après l’autre, commençons par le sprite.

Ajout d’un sprite

Voici l’image que nous allons utiliser :

(Clic droit pour sauver l’image sur votre disque)

1. Copier cette image du joueur dans le dossier “Textures”.

2. Créer un nouveau Sprite. Nommez le “Player”.

3. Sélectionnez le sprite à utiliser. Comme pour l’arrière-plan, il faut saisir la valeur du champ “Sprite” dans le composant “Sprite Renderer”.

En cas de problème nous vous invitons à vous référer à l’a partie précédente où nous avons fait exactement la même chose pour le décor et les plateformes volantes.

1. Placez l’objet “Player” dans le plan “0 - Foreground”.

2. Changez son échelle. (0.2, 0.2, 1) fera l’affaire.

Un mot sur les composants

Nous venons juste d’évoquer le composant (Component) “Sprite Renderer”. Si vous ne l’aviez pas vu, tous les objets dans Unity sont composés d’un à plusieurs composants, visible dans l’onglet Inspector.

Par défaut, un objet vide ressemble à cela :

Le seul composant affiché est le “Transform”. Il est obligatoire sur chaque objet de la scène, mais ne vous en souciez pas, il sera toujours mis d’office.

Vous pouvez ajouter autant de composants différents que vous le souhaitez. Vous ne pouvez pas toujours ajouter plusieurs fois le même composant (Unity vous préviendra). Certains composants peuvent être désactivés/activés pendant l’exécution du jeu. L’exemple ici avec un script :

(Vous pouvez cliquer sur la checkbox pour le désactiver. Un clic droit vous donnera d’autres options selon le type de composant)

Le composant “Sprite Renderer” permet d’afficher un sprite à l’écran.

Après ces petites explications sur le concept des composants, nous allons en ajouter plusieurs à notre joueur.

Ajouter un composant Box Collider 2D

Sélectionnez votre joueur et cliquez sur le bouton “Add Component” qui apparaît en bas de l’Inspector. Ajoutez un “Box Collider 2D”.

Cela va représenter la hitbox de notre joueur, c’est à dire la forme acceptant les collisions.

Vous pouvez voir le collider dans l’éditeur (onglet “Scene”) et vous pouvez modifier sa taille et sa forme directement depuis cet onglet, plutôt que de modifier les valeurs du champ “Size” “au pif” dans l’Inspector.

La taille que nous voulons obtenir ici est de (10, 10).

C’est beaucoup trop gros pour un vrai shmup mais c’est plus petit que le sprite (les ailes du vaisseau sont donc invincibles) :

Cela nous conviendra pour le moment.

Sauvez ce nouvel objet comme un prefab. Vous avez maintenant un début de joueur !

Polygon Collider 2D

Si vous voulez une hitbox ultra précise et adaptée à une forme complexe, Unity propose désormais le “Polygon Collider 2D”. Il est moins performant mais est incontournable dans certaines situations (terrains en pente par exemple).

Le rigidbody qui aurait réjoui Newton.

Il nous reste un composant à ajouter, un “Rigidbody 2D”.

Cela permet de définir les propriétés physiques de notre objet pour le moteur… physique ! Et cela va permettre de récupérer les événements de collisions dans un script.

1. Sélectionnez votre objet Player dans l’onglet Hierarchy.
2. Ajoutez un composant “Rigidbody 2D”.

Maintenant, lancez le jeu (enfin !) et observez :

Le vaisseau coule…

Dites bonjour à notre chère gravité :).

Avec Unity, toutes les scènes sont créés avec une gravité par défaut. Les rigidbodies sont créés avec une masse par défaut. Le poids attire donc notre joueur vers le sol… sauf qu’il n’y a pas de sol.

La gravité et le moteur physique peuvent être utilisés dans certains types de jeu, voir même dans un shmup pour certains éléments, mais pas pour notre joueur volant.

Nous allons la désactiver pour le joueur uniquement, en mettant le champ “Gravity Scale” à 0. Le vaisseau ne tombe plus !

Cochez aussi l’option “Fixed Angles”, cela évitera au vaisseau de tourner suite à une collision

Au final nous avons :

Déplacer le joueur

C’est l’heure de rentrer dans le code ! Pour le moment nous n’avions pas écrit une ligne, c’est toute la puissance d’Unity.

Depuis l’onglet “Proejcts”, créez un nouveau script C# dans le dossier “Scripts”. Appelons-le “PlayerScript”.

Ouvrez votre éditeur de code préféré en passant par le sous-menu “Sync MonoDevelop Project” du menu “Assets”.

Si vous avez déjà utilisé XNA, vous ne serez pas perdus.

Nous allons pouvoir définir des méthodes (appelée “Message”, nous ne sommes pas dans du polymorphisme typique de la programmation objet mais bien dans du script) que Unity va reconnaître et pouvoir exécuter.

Les scripts nouvellement créés contiennent deux de ces méthodes, Start et Update. Voici une liste des fonctions les plus courantes :

• Awake() est appelé dans l’objet est créé
• Start() est appelé après que tous les objets de la scène aient finis Awake(). De plus, Start() n’est pas appelée tant que le script n’est pas activé.
• Update() est exécuté à chaque frame, soit 60 fois par seconde si votre jeu tourne à 60 images par secondes. Si votre jeu rame, Update() sera appelé moins souvent (ou votre jeu ramera parce que votre méthode met trop de temps à s’exécuter et retarde la frame suivante)
• FixedUpdate() est appelé régulièrement sur un taux de rafraîchissement fixe et indépendant. Préférez cette méthode à Update() quand vous devez utilisez la physique (“RigidBody” et l’application de forces).
• Destroy() est la dernière chance d’exécuter du code avant la destruction d’un objet

Puis nous avons une collection de méthodes pour les collisions :

• OnCollisionEnter2D(CollisionInfo2D info) : un collider touche le collider de notre objet
• OnCollisionExit2D(CollisionInfo2D info) : un collider ne touche plus le collider de notre objet.
• OnTriggerEnter2D(Collider2D otherCollider) : un collider marqué comme “Trigger” touche le collider de notre objet
• OnTriggerExit2D(Collider2D otherCollider) : un collider marqué comme “Trigger” ne touche plus le collider de notre objet

Pfiou… C’était un peu barbant, mais avec cela vous êtes parés pour 90% de vos scripts.

Nous reviendrons en détails sur chaque méthode au moment de l’utiliser.

Notre joueur aura la capacité de se déplacer grâce aux flèches directionnelles.

using UnityEngine;

/// <summary>
/// Contrôleur du joueur
/// </summary>
public class PlayerScript : MonoBehaviour
{
  /// <summary>
  /// 1 - La vitesse de déplacement
  /// </summary>
  public Vector2 speed = new Vector2(50, 50);

  // 2 - Stockage du mouvement
  private Vector2 movement;

  void Update()
  {
    // 3 - Récupérer les informations du clavier/manette
    float inputX = Input.GetAxis("Horizontal");
    float inputY = Input.GetAxis("Vertical");

    // 4 - Calcul du mouvement
    movement = new Vector2(
      speed.x * inputX,
      speed.y * inputY);

  }

  void FixedUpdate()
  {
    // 5 - Déplacement
    rigidbody2D.velocity = movement;
  }
}

(Les numéros font références aux explications ci-dessous)

Explications du script

1. Définition des variables accessibles depuis l’éditeur, ici la vitesse de déplacement du vaisseau (dans une unité arbitraire)
2. On stocke le mouvement dans une variable pour pouvoir l’appliquer dans FixedUpdate, méthode plus adaptée aux manipulations physique.
3. Récupération des contrôles par défaut définis dans un nouveau projet Unity. Ils peuvent être changés via le menu “Edit” -> “Project Settings” -> “Input”. La valeur récupérée est entre [-1, 1], 0 étant le point mort, 1 la droite, -1 la gauche.
4. On calcule le mouvement pour cette frame à partir de la direction des flèches / du joystick et de la vitesse théorique vu vaisseau.
5. Enfin, nous appliquons ce mouvement au rigidbody du joueur pour modifier réellement sa position dans la scène.

Ajoutez ce script à notre objet joueur.

Lancez le jeu, le vaisseau doit bouger ! Félicitations, vous venez de faire une sorte de “Hello, World!” du jeu vidéo ;).

Essayez de modifier la vitesse : sélectionnez le joueur et modifier la valeur “Speed” dans l’onglet Inspector.

C’est le premier signe de vie dans notre projet, nous allons en ajouter d’autres.

Poulpi, le premier ennemi

Un shmup n’est rien sans vagues d’ennemis à dézinguer.

Prenons ce poulpe innocent, Poulpi :

(Clic droit pour sauver l’image sur votre disque)

Sprite

Créons encore un sprite ! Nommez le “Poulpi”, puis, comme d’habitude :

1. Copiez l’image dans votre dossier “Textures”
2. Créez un nouvea Sprite utilisant cette image
3. Changez la valeur du champ “Scale” du Transform à (0.4, 0.4, 1).
4. Ajoutez un “Box Collider 2D” avec une taille de (4, 4).
5. Ajoutez un “Rigidbody 2D” avec le champ “Gravity Scale” à 0 et “Fixed Angles” coché.

Sauvegardez le préfab et… c’est tout !nd that’s it!

Script

Rendons-le un peu moins immobile avec un script qui le fera avancer dans une direction.

Créez un nouveau script “MoveScript”.

Nous aurions pu l’appeler “EnemyScript” mais un nom plus générique nous permettra de le réutiliser dans un autre contexte plus tard.

Nous allons copier une partie du code du “PlayerScript” mais en ajoutant une nouvelle variable pour la direction :

using UnityEngine;

/// <summary>
/// Déplace l'objet
/// </summary>
public class MoveScript : MonoBehaviour
{
  // 1 - Designer variables

  /// <summary>
  /// Vitesse de déplacement
  /// </summary>
  public Vector2 speed = new Vector2(10, 10);

  /// <summary>
  /// Direction
  /// </summary>
  public Vector2 direction = new Vector2(-1, 0);

  private Vector2 movement;

  void Update()
  {
    // 2 - Calcul du mouvement
    movement = new Vector2(
      speed.x * direction.x,
      speed.y * direction.y);
  }

  void FixedUpdate()
  {
    // Application du mouvement
    rigidbody2D.velocity = movement;
  }
}

Ajoutez ce script à notre Poulpi. Lancez le jeu et il devrait bouger comme ci-dessous :

Si vous mettez le joueur sur son chemin, les deux sprites vont bien entrer en collision et ils se bloqueront mutuellement. C’est le comportement par défaut grâce au moteur physique puisque nous ne traitons pas encore les collisions.

Prochaine étape

Nous avons vu comment ajouter le joueur, contrôlé par le clavier ou le gamepad, puis nous avons ajouté un premier ennemi stupide mais mouvant.

Maintenant nous allons équiper le joueur pour qu’il puisse détruire cette chose !