16 Couleurs

16 Couleurs – graphisme & jeu vidéo


4 Commentaires

Low Poly Memories, GIF animé pour la Revision 2017

Ce petit billet est consacré à ma deuxième release lors de la Revision 2017. La party organise traditionnellement une compétition de GIF animés, dont les règles sont les suivantes : résolution imposée de 640×360 et taille maximale de 2 Mo.

M’étant occupé en priorité de mon image en pixel art, j’ai commencé à préparer cette animation un peu à la dernière minute – l’avant veille du début de la Revision pour être exact­­­ ! Heureusement la réalisation a été à peu près aussi rapide qu’espérée puisque les objets 3D sont très basiques et sans textures à proprement parler. C’est d’ailleurs ce style graphique et l’absence d’antialiasing qui a permis de caser le maximum d’étapes d’animation dans la limite des 2 Mo.

Un des éléments pour lequel j’ai tâtonné fut en fait la génération de l’animation du tunnel qui devait durer exactement 30 frames pour qu’elle boucle de manière synchronisée avec le reste. Vu mes maigres connaissances en programmation, j’ai dû me résoudre à simuler cet effet 2D avec de la 3D, en déplaçant une texture sur un cylindre aplati.

Puis survint une mauvaise surprise dans la dernière ligne droite : la réalisation à minuit passé que Blender ne supporte pas les textures animés quand on utilise OpenGL Render Animation (qui capture juste les frames rendues en OpenGL, donc très rapide). La mort dans l’âme, j’ai été contraint de faire manuellement un rendu OpenGL pour chacune des 120 images, opération qui s’est terminée dans la douleur vers 2h du matin le jour où commençait la Revision. Tout ça n’aura pas été en vain puisque l’animation a terminé 3e dans la catégorie 🙂

Exocet - Low Poly Memories (Revision 2017 Animated GIF competition)

Low Poly Memories sur Demozoo


2 Commentaires

Bus londonien en 3D low poly

Voici une conversion 3D de mon bus londonien en pixel art, un petit projet rapide mais très satisfaisant.

Le bus fait tout juste 100 triangles, plus une autre centaine pour le contour type cel-shading, et utilise une texture réalisée avec Grafx2 de 64×64 pixels en 25 couleurs + transparence.

Bus londonien 3D low poly

Pour les contours autour de l’objet, j’ai eu recours à la technique utilisée par la plupart des premiers jeux en cel-shading comme Jet Set Radio : on duplique l’objet, on le gonfle un peu (Push modifier dans 3ds Max, Push/Pull dans Tools>Transform dans Blender), on lui donne une couleur sombre, on  inverse les normales et on active le backface culling, et c’est tout ! La méthode manque de finesse mais ça marche à peu près correctement 🙂

LondonBus3DAnimL’animation a été capturée directement dans le viewport de Blender avec Render > OpenGL Render Animation. Pour éviter que les textures en pixel art soient floues, il faut désactiver le texture filtering dans le viewport, ce qui se fait dans les Préférences (System > OpenGL > décocher Mipmaps).  Il est aussi préférable d’activer l’antialiasing dans le viewport pour un résultat plus propre, ça se règle directement dans le panneau de contrôle de la carte vidéo.

Je trouve le résultat final très sympa, particulièrement pour un projet aussi court, et à côté la version 2D du bus semble un peu plan-plan. La texture en basse résolution avec ses gros pixels bien nets donne vraiment un style à part (si tant est que ce ne soit pas que de la nostalgie !). En comparaison, ma Lada 3D avec sa texture en 256×256 fait un peu fouillis.

Voir le bus en 3D sur Sketchfab.

 


5 Commentaires

Lada low poly avec Blender

En tant qu’amateur de belles mécaniques et de muscle cars, modéliser une Lada 2101 « Jigouli » en low poly me titillait depuis quelques temps. Voici le résultat avec 716 triangles, une texture de 256×256 et une once de tuning.

lada-low-poly

Cela aura aussi été l’occasion de travailler sur un projet complet avec Blender et de familiariser avec l’usage du logiciel dans des conditions « réelles », en lieu et place de 3DS Max auquel je suis habitué. Les débuts ont été fastidieux, l’interface de Blender étant originale et souvent déroutante. Avec la pratique, on s’y habitue très bien puisque tout est assez logique en définitive. Côté modélisation je dois même avouer que j’ai été agréablement surpris : une fois quelques astuces assimilées, beaucoup d’outils sont plus efficaces que leurs équivalents sur Max. Pour le texturage (du moins pour l’usage que j’en ai fait : du low-poly où chaque point UV doit être placé précisément), les choses sont plus rudimentaires mais rien de rédhibitoire. L’absence de support des fichiers PSD (Photoshop) devrait elle être corrigée lors de la sortie très prochaine de Blender 2.70.

Lada_2101_low_poly_3D_Blender

Pour mon prochain projet 3D, je pense que je m’orienterai plutôt vers du super low poly avec de petites textures en pixel art, comme mon tank MGT, ou alors quelque chose avec un peu plus de polygones et de résolution de texture qui me permettra de m’amuser un peu avec des shaders.

Voir la Lada low poly sur Sketchfab