Triogical : Le Making of !

Artworks, loupés, technique, digital painting... le making of de Triogical

Le développement et le design de Triogical aura pris 1 an, presque jour pour jour.

5 gros chantiers pour sa mise en oeuvre :

La création de l'éditeur de tableaux sur navigateur Web, permettant en un tour de main de codifier un tableau de manière à ce que le jeu puisse le lire et l'afficher simplement.

Le développement du jeu, le plus gros chantier avec les algorithmes complexes, la compatibilité iOS et Android, les achats intégrés, un contenu responsive pour smartphone et tablette, les sound FX et musiques, la fluidité des animations, la gestion du réseau opérateur et wi-fi, le hall of fame, la sécurité, l'optimisation de la mémoire...

Le design, avec beaucoup de recherche graphique, de nombreux crayonnés et des loupés (!), du vectoriel et digital painting

La conception des 112 niveaux, chacun étant réfléchi au maximum. Les premiers niveaux qui sont des tutoriels, jusqu'aux niveaux les plus costauds. Un niveau peut prendre entre 30mn et 6h de réflexion pour le créer et qu'il contienne suffisament de subtilité pour rendre le joueur accro

Les stores Apple et Google, qui sont chacun une usine à gaz d'étapes à suivre qui ne sont pas toujours expliquées et très difficile d'accès aux néophytes

Avec 10 000 téléchargements en 10 jours, si cela continu sur cette lancée, il y a des chances qu'un troisième château contenant de nombreux niveaux voit le jour !

Crayonné de Zappy

Crayonné rapide de Zappy

La gemme verte

Design de la gemme que Magneto devra capturer. Il s'agit de l'un des deux objectifs du jeu, l'autre étant la pyramide à désintégrer.

Illustration de Eolia et du sorcier

Crayonné des magiciens. Ils seront ensuite créés en digital painting via Photoshop.

Evolution de l'illustration de la magicienne Eolia

1/ Crayonné de Eolia.
2/ Création des contours que l'on importe ensuite sur Illustrator pour obtenir des contours vectorisés mieux définis.
3/ Digital painting par applat.
4/ Finitions.

Les 3 magiciens : Eolia, Magneto et Zappy

Crayonné des 3 magiciens.

Evolution de l'illustration du magicien Magneto

1/ Crayonné de Magneto.
2/ Création des contours que l'on importe ensuite sur Illustrator pour obtenir des contours vectorisés mieux définis.
3/ Digital painting.

Chaque magicien a sa tombe, pas de jaloux !

Des tombes dans une ambiance lugubre, baignée par la lueur de la lune... à ce propos..., il aurait été amusant d'y ajouter une sorcière sur son balai devant la lune ;-)

Le chapeau de Magneto, applat et volume

Là se présentait le choix de faire de l'applat simple ou de l'ultra détaillé. Au final l'intermédiaire a été choisi qu'on peut voir dans le design du splashscreen.

Evolution de l'illustration du magicien Zappy

1/ Contours vectorisés sur Illustrator.
2/ Digital painting.

Le magicien conseiller

Ce magicien conseille et aide le joueur dans ses quêtes.

Animation du Golem de Triogical

Le golem reste impassible et indestructible. Il est juste là pour vous gêner...

Making of du château n°1 : Magic School

Le château Magic School contient 52 niveaux évolutifs sous forme de tutoriel, d'où son nom "l'école de la magie". Certains niveaux ont une porte ayant un design différent, il s'agit d'un niveau beaucoup plus dur que les précédents.

Animation des nuages

4 nuages avec gestion alpha et blanc dégradé à transparent, disposés aléatoirement et animés à vitesse aléatoire.

Les murs des niveaux de Triogical

16 combinaisons de murs pour gérer leurs différens affichages. En informatique, on utilise la méthode du "Marching Square" ou encore "Bit Masking".

Les 4 portes représentant la difficulté des niveaux à résoudre

Test du premier design de château

Pas assez univers fantasy, trop détaillé, trop sérieux et réel... direction la poub !

Construction du splashscreen Triogical en crayonné puis Illustrator

Le Splashscreen : Zappy

Construction du splashscreen Triogical avec Illustrator depuis le crayonné. Ici c'est l'ancienne illustration de Zappy, qui ne figurera pas sur le splashscreen final.