Projet réalisé durant la session d'hiver 2020 pour le cours de Prototypage et expérimentation en jeu vidéo dans le cadre du baccalauréat en Création de jeu vidéo de l'UQAT.
L'Émissaire est:
- Un prototype de jeu tactique (style Fire Emblem) axé sur l'exploration et la résolution de puzzles.
- Un jeu de progression linéaire avec une narrative centrale et des éléments de progression RPG.
- Un projet conçu par une équipe de 5 étudiants: 3 designers et 2 intégrateurs.
Regardez notre petit trailer de moins d'une minute pour avoir un aperçu:
Dans L'Émissaire, il existe deux phases de jouabilités: la navigation d'une carte du monde (HUB world) et l'exploration tactique de petits niveaux.
Voici quelques images pour illustrer!
Quel a été mon rôle dans le projet?
Designer de systèmes, de niveaux, d'environnement, d'UI et de UX
- J'ai créé la séquence du niveau tutoriel du jeu (FTUE)
- Les menus extra-diégétiques, de dialogues, la carte du monde et la disposition du HUD
- Les rétroactions des éléments de UI/HUD et la clartée générale du jeu
- J'ai passé un temps particulier à m'assurer de la cohérence globale du jeu (style visuel)
Exemples d'interfaces ou menus que j'ai réalisé: le codex, l'inventaire, un dialogue de niveau
Exemples de rétroactions
Utilisation de surbrillance et de hover states pour indiquer clairement les éléments interactifs.
Dans nos niveaux, la surbrillance des cases aide aussi à visualiser la grille. Nous avons mis un contour gras autour des objets interactifs lorsqu'ils sont survolés par le curseur afin de les départager de l'environnement.
Utilisation d'animations pour diriger l'attention du joueur vers des nouvelles mécaniques ou informations qu'il a débloqués. Dans l'exemple ci dessous, le joueur a inspecté un object interactif et, par conséquent, débloqué une entrée dans son codex.
Nous utilisons plusieurs types de rétroactions pour signaler au joueur les différentes phases du jeu. Premièrement, le sablier s'anime lorsque vient le temps pour le joueur de finir son tour. Deuxièmement, une banière défile à l'écran au début de chaque tour pour indiquer il s'agit du tour à qui. Troisièmement, la caméra est légèrement recentrée sur l'ennemi lors de son tour pour que le joueur ne le manque pas. Quatrièmement, un indicateur apparaît au dessus du personnage du joueur au début de son tour pour qu'il soit facilement repérable.
Dans ce dernier exemple, le joueur utilise le menu contextuel de déplacement. Lorsque un déplacement est pour être décidé, la barre de resource clignote pour indiquer le coût de celui-ci. De plus, une interface affichant clairement les tuiles navigables ainsi que l'itinéraire du déplacement apparaît.
Le niveau tutoriel (FTUE)
Le niveau est initialement présenté sans HUD et un spotlight est mis sur le personnage.
Cela permet au joueur de se repérer et évite une confusion due à une surchage d'informations.
Ensuite, l'information sur le contrôle du personnage est affiché.
Le joueur peut prendre son temps, puis mettre en pratique ce qui lui a été montré.
Le chemin étant linéaire, la prochaine slide d'information est présentée lorsque le joueur arrive inévitablement devant un obstacle interactif. Le fonctionnement des interactions est alors expliqué.
Le but est de segmenter l'information pour la rendre plus facile à assimiler.
Le joueur est maintenant laissé dans un petit espace ouvert et est libre d'explorer ses alentours.
Sa curiosité pourra le faire se raprocher de l'objet interactif (visible à cause d'un VFX) sur la gauche de l'écran. Ultimement, il n'y a qu'un chemin pour continuer et le joueur finira par y aller. C'est en arrivant devant l'obstacle interactif bloquant ce chemin que le joueur sera présenté l'information sur le combat.
Pour résumer: le niveau est divisé en trois sections séparées par des obstacles interactifs. Ceux-ci forment des chokepoints que j'utilise comme emplacement pour dévoiler progressivement de l'information au joueur. Chaque section introduit de nouvelles mécaniques et laisse le temps au joueur de les mettres en pratique.
