Le tutoriel

Il ne reste bientôt plus que deux semaines avant la sortie de Rose in the Woods !

Ça veut dire que le temps qu'il nous reste doit être consacré au polish du jeu. Un jeu "polish" (de l'anglais "cirer", "polir"), c'est un jeu "bien fini". Il va donc falloir équilibrer le jeu (faire en sorte qu'il ne soit ni trop facile, ni trop difficile), le débuguer, le rendre beau (remplacer tous les place holders par de beaux graphismes et de belles animations) et le rendre compréhensible (avec un tutoriel digne de ce nom et une jolie cinématique d'intro).

Alors bienvenue dans la période de crunch time, soit, d'après l'Urban Dictionnary, "la période située juste avant le rendu du projet, quand il devient évident que le planning a foiré et que tout le monde va devoir bosser comme des chiens pour essayer de terminer à temps" !

Le tutoriel

Aux débuts du jeu vidéo, les tutoriels ressemblaient à ça :

...et le pire, c'est que ce jeu n'est pas si vieux : Faster Than Light est un roguelike spatial sorti en 2012.

On attendait du joueur qu'il prenne le temps de lire des pavés de textes, de les comprendre et de les retenir. Il n'était donc pas rare que plusieurs écrans de texte se succèdent.

Mais, les joueurs - de plus en plus flemmards ! - ont pris l'habitude de sauter le tutoriel et de se jeter dans le jeu. Et si le jeu n'était pas compréhensible sans le tutoriel, ils quittaient. Tout simplement.

Les codes du tutoriel ont donc changé. La plupart des jeux optent pour des tutoriels progressifs, où le joueur est actif et où les informations qui lui sont données sont aussitôt mises en pratique. Par exemple, dans Lara Croft and the Guardian of Light (excellent jeu en coopération !), le jeu met le joueur face à une situation simple et lui indique comment la réussir au moyen d'un écran illustré :

Le joueur peut ensuite franchir l'obstacle en mettant en pratique l'information qui vient de lui être donnée (notez qu'un rappel du tutoriel s'affiche encore en haut de l'écran) :

De cette façon, le joueur apprend les règles du jeu sans s'ennuyer et il les retient d'autant plus facilement qu'il les a déjà utilisées.

Dans Rose in the Woods, nous n'avons globalement que trois règles à apprendre à notre joueur : comment se déplacer, comment tirer et comment utiliser ses lubiens. Nous devons donc réaliser un tutoriel qui lui permette d'apprendre ces règles, simplement, et sans risque d'échec !

Le joueur se retrouve donc tout seul au milieu du campement vide. Dans un premier temps, on lui apprend à se déplacer en lui demandant d'aller fouiller les tentes à la recherche de Rose.

Une fois les tentes fouillées sans succès (quoi ? Rose a disparu !?!), un premier ennemi arrive. L'ennemi est volontairement faible : le but n'est pas de mettre le joueur en danger ! On lui apprend à viser et à tirer et on attend qu'il ait tué l'ennemi.

A cette étape, il faut aussi attirer son attention sur le trouillomètre qui vient d'apparaître, et lui expliquer son rôle.

Quand l'ennemi est mort, une luciole apparaît. On demande alors au joueur d'aller la récupérer. Aucun ennemi n'attaque, la luciole ne peut donc pas être mangée : on est ainsi certains que le joueur finira le niveau avec au moins une luciole dans son bocal.

Une fois la luciole obtenue, le niveau se termine avec trois autres vagues assez simples. Là encore, il faut attirer l'attention du joueur sur l'indicateur de vagues restantes qui vient d'apparaître.

Le niveau se termine, et le joueur accède au mini-jeu des lucioles. Le tirage est évidemment scripté : le joueur va forcément réussir son premier essai, et il obtiendra un allié agressif (pour l'instant, Flash Six, Grinny, mister poulet, Noémiette, Agent17, Two-Moles ou Lune).

Le joueur commencera donc son premier "vrai" niveau avec, en sa possession, un lubien à l'utilité évidente. D'ailleurs, si c'est la première fois qu'il joue, le bouton OK n'apparaîtra pas tout de suite pour le forcer à placer son lubien sur le terrain avant de commencer sa partie.

Remarquez que le tutoriel ne sert pas à uniquement à apprendre les mécanismes du jeu : c'est aussi une petite mise en scène très simple qui permet au joueur de vivre le scénario (la recherche vaine de Rose, et la surprise de découvrir les monstres). Comme vous le disait Olivier Henriot, l'expert scénario, "vous devez accepter qu'un maximum de l'histoire soit exprimé au travers du gameplay – donc, de séquences jouables. [...] Tout ce qui n'est pas à l'écran, tout ce qui n'est pas vécu par le joueur, n'existe pas. Vous pourrez affubler votre personnage des pires traumatismes imaginables, si c'est hors écran... ça n'existe pas !"

Ce n'est pas grand-chose, mais demander au joueur de fouiller les tentes et de réaliser par lui-même l'absence de Rose est plus poignant que de le montrer par une cinématique (même si, bien sûr, nous n'attendons pas de Rose in the Woods qu'il fasse pleurer les joueurs !).

La cinématique d'introduction

D'ailleurs puisqu'on en parle, il est temps de commencer à réaliser la cinématique d'introduction ! C'est la première chose que le joueur va voir de notre jeu, il est donc important qu'elle soit attractive et qu'elle délivre un message simple et direct.

Bien sûr, nous n'avons pas les moyens de réaliser une vraie cinématique toute animée. Nous opterons donc pour une animatique, c'est-à-dire des plans fixes qui se succèdent, éventuellement avec un léger mouvement des plans les uns par rapport aux autres. Restons avec Lara Croft and the Guardian of Light pour un très bel exemple d'animatique :

C'est quelque chose de similaire que nous allons donc réaliser, évidemment en beaucoup plus court. Voici le déroulé que le vous propose :

PLAN 1

Un campement dressé dans une forêt, la nuit. Un feu de camp est allumé. Autour du feu, plusieurs campeurs (les lubiens) s'amusent (guitare, chamallows, raconter des histoires d'horreur...). Parmi eux, bien en évidence, Tom et sa petite sœur Rose apparaissent très proches l'un de l'autre, comme unis par un amour très fort.

Vous trouverez quelques idées de mise en situation
dans le topic "Choisissez un univers !"

Pour ce plan, vous pouvez évidemment dessiner des lubiens (youpi, des fanarts !). Attention cependant, ne dessinez que ceux qui sont notés dans le Google Doc comme "intégré" ou "reçu" pour éviter qu'un lubien visible dans la cinématique ne soit pas présent dans le jeu par la suite.

Attention aussi à ce que la géographie du camp colle à peu près avec le niveau de tutoriel (quatre tentes de couleur brune autour d'un feu de camp). Vous pouvez évidemment l'arranger si nécessaire et ajouter des détails.

PLAN 2

L'intérieur d'une tente. Tom vient de se réveiller et regarde avec angoisse le sac de couchage à côté de lui qui est vide. Un objet abandonné (la poupée par exemple) confirme qu'il s'agissait du matelas de Rose.

PLAN 3

L'extérieur du camp et la lisière de la forêt. La fête est finie : le feu est éteint, plus personne ne s'amuse. Munis de lampe-torches, les lubiens se dirigent vers la forêt. Resté au camp, Tom les regarde partir avec inquiétude.

Artwork par Elo

Inutile de faire plus long ! Ces plans devraient suffire, à eux trois, à planter le scénario : le contexte (une soirée camping), le décor (une forêt), les personnages (un frère et sa sœur, et des amis à eux), l'événement déclencheur (la petite sœur a disparu).

Les images sont à m'envoyer au format 800 x 600 pixels minimum. Attention, si vous prévoyez un effet de parallaxe, envoyez-moi vos plans séparément (png transparent), faites vos images légèrement plus grandes que le format minimum (pour qu'elles ne soient pas tronquées quand on les déplace) et ne laissez pas de trous dans les couches inférieures (pour que l'on puisse les déplacer les uns par rapport aux autres).

Et pour la cinématique finale... on en reparlera dès qu'on aura un peu travaillé sur la fin du jeu.

Intégration

Pas de nouveaux lubiens cette fois-ci (pas le temps !)... mais quand même plein de nouveautés fort utiles.

Dans le mini-jeu des lucioles, je suis repassée sur tous les lubiens pour éviter que les yeux ne flottent dans le vide. Je rappelle à Pitch qu'il doit me renvoyer une nouvelle illustration !

Un peu d'humour ! Trystan a réalisé plein de petites bestioles rigolotes que vous pourrez débusquer lors de vos recherches infructueuses dans le mini-jeu des lucioles. Je ne vous spoile pas tout, il vaut mieux le découvrir par vous-mêmes !

"Un papillon qui ferait saliver toute araignée qui se respecte."

J'ai aussi un peu amélioré l'effet de halo, ça reste très éloigné de la lueur d'une luciole mais ça fait un peu moins "lampe-torche".

Petit bonus : vous pourrez parfois dénicher des lucioles supplémentaires ! C'est le genre de bonne surprise qui tient le joueur en haleine...

"Vous avez de la chance aujourd'hui !"

Retour en jeu, j'ai retiré un très vilain bug dans le pathfinding des ennemis, vous devriez avoir moins de plantages !

Question feedbacks, comme j'ai vu que vous n'étiez pas très chauds pour le sound design (les bruitages), j'ai commencé le boulot. Comment ? Comme je ne sais pas faire mes bruitages moi-même, je vais fouiller sur Universal Soundbank et j'essaye de trouver des sons qui collent avec l'idée que j'ai en tête.

Un bruitage de grillon (pour la luciole)

Ensuite, je retouche les sons avec Audacity, un logiciel gratuit de retouche de sons. Pour la luciole, j'ai raccourci le son du grillon. Pour le lance-pierres, j'ai baissé la hauteur d'un son de tir à l'arc. Je me débrouille comme je peux... Et mine de rien, le petit son quand on passe sa souris sur un bouton, c'est super important !

Toujours à propos de feedbacks, les lucioles que vous capturez volent désormais en direction du bocal - comme ça, difficile de ne pas les voir !

Interface encore, Besloth a réalisé un très bel arrière-plan pour le menu des lubiens. Vous noterez, au passage, que vous êtes désormais limité à 6 alliés sur le terrain par partie (même si votre collection en comporte davantage), ce qui devrait pousser le joueur à réfléchir à des alliances stratégiques plutôt que de sortir une armée.

Bientôt, les playtests !

Pourquoi ai-je attaqué le tutoriel, alors qu'il y a deux jours à peine je vous ai demandé de vous occuper du level design ? M'égarerais-je ?

Pas du tout. Pour savoir si vos niveaux sont bons, un simple coup d’œil ne suffit pas : il va falloir les playtester. Et, comme je vous l'ai expliqué, un bon playtest se fait avec quelqu'un qui ne connaît pas du tout le jeu. Il est donc nécessaire d'avoir un tutoriel pour les regarder jouer sans rien expliquer, et sans intervenir !

Alors, dans mon prochain article, j’intégrerai vos niveaux au jeu, et nous organiserons des playtests. Vous avez donc encore tout le week-end pour les peaufiner, les partager et surtout tester ceux des autres et leur donner un premier avis !

D'ailleurs à propos de niveaux, Trystan a réalisé des herbes hautes pour habiller les obstacles ralentisseurs, et j'ai rajouté une nouvelle case qui empêche le placement des lubiens.

J'ai également rajouté deux ennemis qui volent et pour lesquels il me faudra aussi des animations !

Tous ces nouveaux éléments peuvent être rajoutés dans vos niveaux, et vous pouvez bien sûr les tester directement dans le jeu !

Quant à moi, je ne serai malheureusement pas en ligne ce week-end (pas très souhaitable pendant un crunch time, mais bon, la vie réelle a aussi des exigences), alors je vous retrouve la semaine prochaine pour cette session de playtests !

Et je terminerai sur une excellente vidéo d'Usul, parce qu'elle me console un peu :-)

Allez, haut les cœurs ! Testez la nouvelle version du jeu et... bon week-end à tous !