Le mini-jeu des lucioles

L'un des points forts de notre jeu, c'est qu'il est beau ! Alimenté par l'extraordinaire communauté de dessinateurs du Forum Dessiné, comment pouvait-il en être autrement ? Les personnages sont attachants, les décors sont réussis, les artworks sont splendides...

Mais il y a de grosses faiblesses du côté de l'interface, et en particulier du mini-jeu des lucioles. Comme il ne s'agit pas d'illustrations, mais plutôt de graphismes, je crois que vous êtes un peu perdus...

Alors aujourd'hui, arrêtons-nous un instant sur ce fameux mini-jeu des lucioles et réfléchissons à une façon d'améliorer son graphisme et son ergonomie !

Etat actuel du mini-jeu des lucioles

Le mini-jeu des lucioles est un mini-jeu de récompense qui survient à la fin d'un niveau. Les lucioles collectées par le joueur au cours de la partie peuvent alors être dépensées pour récupérer de nouveaux lubiens, qui viendront enrichir son équipe. (Testez la dernière build !)

Le joueur a le choix entre trois silhouettes sombres, sur lesquelles il peut cliquer pour les éclairer. Ces silhouettes sombres révèlent alors :

• un lubien en cas de réussite ;
• un arbre ou un rocher en cas d'échec.

Esthétiquement, le jeu des lucioles paraît beaucoup moins cohérent que le reste du jeu :

• les formes des silhouettes sombres ne correspondent pas aux formes des silhouettes éclairées,
• les arbres au premier plan bouffent les silhouettes, c'est assez fouillis,
• l'arrière-plan est un ciel vide, on n'a pas l'impression d'être dans une forêt...

Et puis, comme vous boudez les graphismes d'interface, on a d'autres problèmes :

Trystan (playtest de sa sœur) Le cadre du texte qui apparaît quand on clique sur une silhouette du jeu des lucioles n'est pas très beau et les «Tant pis» et «Oups» qui apparaissent ne sont pas très visibles.

C'est normal, puisque c'est un place holder (graphisme non-définitif) réalisé par votre chère programmeuse !

Question ergonomie, le jeu ne paraît pas très compréhensible et il ne suscite pas assez de sentiment de récompense attendu chez le joueur :

Trystan (playtest de sa sœur) Elle aimerait bien que chaque objet qui apparaît quand on rate au jeu des lucioles (Arbre, buisson, hibou, rocher, etc...) ait un texte propre à lui. Elle trouverait ça plus clair. Sur le jeu des lucioles... rien n'indique qu'il faut utiliser des lucioles pour éclairer des silhouettes. Elle ne l'a pas compris tout de suite.

Et c'est vrai que, quand on joue à cette partie du jeu, on a tendance à être machinal, à cliquer le plus vite possible sur les différentes silhouettes sans se poser de questions. On n'a ni immersion, ni découverte, ni émerveillement - et du coup, l'échec est d'autant plus décevant.

Comment améliorer le mini-jeu des lucioles ?

Il y a donc principalement deux points à retravailler : l'immersion / émerveillement, et le plaisir de la manipulation.

Pour l'émerveillement, nous devons réussir à restituer - de façon simple, car ce mini-jeu reste un mini-jeu - l'ambiance merveilleuse d'une forêt, la nuit, dans laquelle on fait des rencontres surprenantes (et éventuellement très drôles !).

Besloth On pourrait faire apparaitre l'objet (lubien ou décor) comme si on chassait l'ombre progressivement : on verrait une luciole partir du bas de l'écran et s’arrêter quand elle a tout éclairé, comme ça (la luciole étant le point bleu).

Trystan Sinon, pour améliorer le jeu des lucioles, je propose de faire bouger les lucioles, d'améliorer le texte et le cadre de texte et de rajouter des animations qui apparaissent quand on clique sur une silhouette. Je propose aussi de faire une transition d'un écran de silhouettes à un autre. Je pourrais aussi rajouter des branchages légèrement éclairés en avant-plan, histoire de rajouter un effet de profondeur. On pourrait faire la même chose avec les branchages éloignés. Sinon, je compte animer de petits lumières flottant dans les airs (plus petites que les lucioles et tombant tranquillement) pour améliorer visuellement le jeu... on pourra peut-être aussi les mettre dans le jeu des lucioles!

Quant à l'ergonomie, nous devons impérativement rendre le principe du jeu plus explicite. Le joueur ne doit plus se dire "OK, je dois cliquer sur des silhouettes", mais "oh ! j'utilise mes lucioles pour découvrir des personnages dans la forêt !". Et ce, sans utiliser de textes si possible !

Pour commencer, regrouper les informations "utiles" au même endroit (en haut ou en bas de l'écran) semble une bonne idée :

Besloth Peut-être mettre la barre plus bas ou l'enlever et écrire en doré en bas : ça fait bizarre d'avoir le lubien ou le décor coupé avant la fin D'ailleurs le bocal pourrait être devant au premier plan (mais ça obligerait a mettre le bouton "quitter" sur le coté).

Mais il faudra aussi retravailler entièrement notre design pour que l'utilisation des lucioles pour éclairer les silhouettes soit plus claire :

Trystan Moi je propose une animation rapide où, quand on clique sur une silhouette  une luciole quitte la fiole pour aller sur la silhouette et disparaître. Je peux même éventuellement animer un machin, genre un rapide "écran de fumée", des feuilles qui s'envolent ou quelque chose du genre sur la silhouette pour faire une transition. (un écran pour "positif" et un autre "négatif".)

Nouveau concept graphique

Le problème est identifié. Alors, qu'est-ce qu'on fait ?

Quand on est en panne d'inspiration, l'idéal pour commencer, c'est une recherche documentaire !

Grâce à cette recherche, je vais réaliser une planche de tendances pour essayer de "capter" ce qu'est l'ambiance d'une forêt la nuit.

(cliquez pour agrandir)

C'est exactement ça que j'ai envie de voir, en tant que joueur ! Ces images m'aident à identifier les "codes" d'une forêt nocturne : des arbres sombres au premier plan, un arrière-plan lumineux, éventuellement de la brume, et de petits animaux insaisissables (lucioles, papillons de nuits, yeux de petits mammifères).

L'image à droite, rangée du milieu, avec ces yeux blancs sur les silhouettes d'arbres noires, m'inspire tout particulièrement... Je crois que je tiens quelque chose !

Voici mon idée :

Des paires d'yeux blancs (animés) apparaissent par-dessus des silhouettes d'arbres entièrement noires. L'emplacement des paires d'yeux, et éventuellement leur nombre, va varier d'une partie à l'autre. Le joueur peut cliquer sur n'importe quels yeux.

Lorsque le joueur clique sur une paire d'yeux, tous les autres yeux se referment. Une luciole part du bocal et se déplace jusqu'à l'endroit à éclairer, pour y révéler le lubien qui s'y trouvait. Elle éclaire également les arbres autour.

En cas d'échec, on tombe sur des animaux sauvages (papillons, écueuils, araignées...). Attention, ils doivent être beaucoup plus petits pour ne pas être confondus avec des lubiens animaux (Elo le koala, par exemple).

A vous de jouer !

L'idée vous plaît ? Réagissez dans les commentaires !

Et surtout, profitez du week-end, si vous avez un peu de temps libre, pour réaliser les assets suivants :

L'arrière-plan	Une version éclairée du premier plan, qui s'affichera dans le halo des lucioles	Une version sombre de premier plan, avec de légers reflets de lune

Attention, les arbres doivent être assez large pour cacher les lubiens les plus volumineux !

Il nous faudra aussi un certain nombre de petits animaux pour les cas d'échec. C'est aussi le moment de faire des surprises à notre joueur..., n'hésitez pas à faire preuve d'humour !

Comme le proposait Trystan, nous pourrions aussi rajouter tout un tas de petits détails animés qui donneront de la vie à la scène :

• des branchages et de l'herbe au tout premier plan ;
• des petits points lumineux, comme des lucioles, en suspension parmi les arbres ;
• des silhouettes de papillons ou de chauve-souris qui passent à l'arrière plan...

L'animation de la luciole qui se déplace jusqu'au point à éclairer sera faite par le code (forcément, puisque ce point va varier).

Certains lubiens devront malheureusement refaire leur illustration de personnage :

Axel (plus petit)	Lother (pas d'arbre)	Paulapin (pas d'arbre)	Pitch (pas de lanterne)	mister poulet (lumière plus douce)

Pendant ce temps-là, moi, j'attaque la programmation de nouveaux ennemis. J'espère pouvoir vous montrer ça très bientôt !