Categories

A sample text widget

Etiam pulvinar consectetur dolor sed malesuada. Ut convallis euismod dolor nec pretium. Nunc ut tristique massa.

Nam sodales mi vitae dolor ullamcorper et vulputate enim accumsan. Morbi orci magna, tincidunt vitae molestie nec, molestie at mi. Nulla nulla lorem, suscipit in posuere in, interdum non magna.

La quadrature du cercle ou les aventures du hublot

(Ceci est une copie du billet posté sur le Devblog officiel de Wakfu, sous le pseudonyme d’Aduline pour Ankama)

Le « hublot » est sans doute l’interface la plus importante du jeu, puisqu’il est toujours présent à l’écran et doit résumer les informations les plus importantes et les plus utiles.

Grâce à lui le joueur doit savoir au premier coup d’œil où son personnage se trouve, dans quel état il est, etc. Le hublot doit donc être à la fois particulièrement lisible, discret et joli. Un challenge à réaliser ! Et un challenge d’autant plus difficile que les choses sont plus compliquées dans Wakfu que dans Dofus.

Nous avons voulu revoir l’ergonomie pour concentrer les éléments et laisser davantage de place à l’univers, mais en même temps, les mécanismes de jeu comportent ici davantage de choses. Pour Wakfu le hublot comporte une vingtaine de points informatifs différents, et tout doit tenir dans un carré de 200 pixels de côté maximum.

En effet nous avons besoin d’indiquer clairement les caractéristiques principales du personnage : points de vie, points d’action, points de mouvement, points de wakfu, énergie ou initiative… Il nous faut aussi un radar avec une minimap, afin de permettre au joueur de se situer et de voir si des monstres ou d’autres joueurs se déplacent non loin de lui.

Il faut pouvoir zoomer dans cette minimap. Ensuite il faut caser toutes sortes de boutons : affichage des jauges, de l’état de santé, des constellations, de la carte du monde, un bouton pour revenir au dernier point de sauvegarde… puis les boutons nécessaires au combat : abandonner, appeler à l’aide, verrouiller le combat, montrer une case, masquer les combattants…

Nous avons même prévu des boutons personnalisables, pour que chacun y mette en raccourci les interfaces qu’il utilise le plus. Enfin il nous faut afficher les « états » subis par le personnage (aveuglé, assommé…). Cela fait donc beaucoup, vraiment beaucoup, et il faut bien organiser les choses pour éviter la confusion.

Par ailleurs, au fil de la construction du jeu et du gamedesign, de nouveaux concepts sont apparus ou ont été abandonnés, des idées se sont précisées, le style graphique a évolué… Nous avons donc dû refaire plusieurs fois toute cette interface (et quelques autres… ^^).

Au début nous sommes partis sur l’idée d’un hublot rond, comme sur un bateau. J’aimais assez l’idée d’une thématique marine, hublot, vagues, écume… Cela convenait bien au monde submergé de Wakfu. Et la dominante blanche était un autre choix déterminant, nous ne voulions pas de quelque chose de sombre pour un univers aussi coloré et mignon.

La toute première version était noire et blanche. Elle a rapidement été abandonnée pour différentes raisons : opaque, massif et très contrasté, ce premier hublot attirait trop l’attention et s’interposait entre le joueur et le monde. Nous avons décidé à ce moment de tailler toutes nos interfaces dans le « cristal mou » inventé par Daryl : une matière translucide, cristalline et malléable, sûrement un peu magique.

Evidemment le choix de la transparence ajoutait une difficulté supplémentaire, mais nous n’avons pas reculé. ^^’

Le second hublot était donc tout blanc et translucide, élégant. Malheureusement il occupait encore beaucoup de place, alors que sa forme ronde et sa transparence posaient problème pour y insérer les autres éléments. On manquait également de place pour les différents boutons. Nous nous sommes donc résignés à simplifier encore notre hublot, afin de donner la priorité à l’ergonomie avant tout. C’est ainsi que notre hublot est devenu carré…

Les boutons s’y intégraient parfaitement, le compte y était. En revanche il nous est apparu que les jauges de points n’étaient plus assez lisibles : trop fines, les chiffres trop petits. Après bien des arrachages de cheveux nous sommes donc parvenus à l’ultime étape du hublot, qui prévoit une version « petit chimiste » des jauges en combat. Là, pas moyen de louper l’info !

Et hors combat, ces jauges se minimisent pour laisser place à la minimap. A l’heure où j’écris ceci, le travail sur le hublot n’est pas terminé, mais j’ose espérer que nous touchons au but ! Même si je regrette un peu le hublot marin et sa sympathique rotondité, je pense que nous avons bien amélioré l’ergonomie et j’espère que vous, les joueurs, vous saurez vous y retrouver sans problème. :)

PS : je dédie ce billet à Franho, le graphiste, Olivier et Clément, les développeurs, qui avec quelques autres ont beaucoup sué et souffert sur ce hublot… ^^’