2026-08-11

Transformer un modèle 3D en sprite sheet 8 directions — dans le navigateur, gratuitement

Prérendre des modèles 3D en sprites 2D est l'une des plus vieilles astuces de la production de jeux. Diablo II l'a fait. Fallout l'a fait. La moitié des jeux en ligne coréens des années 2000 l'ont fait : on construit le personnage une seule fois en 3D, on le rend depuis chaque direction, et on livre les rendus comme sprites. On obtient à la fois les performances et la cohérence visuelle de la 2D, et la réutilisation bon marché des animations 3D. Ce qui a changé, c'est l'endroit où ça tourne — il fallait un logiciel 3D et des scripts de rendu ; il suffit désormais d'un onglet de navigateur.

Le nouvel outil 3D → Sprite prend un modèle 3D riggé et en fait une sprite sheet prête pour le jeu. Cet article couvre ce qu'il fait, ce que votre modèle doit avoir, et les deux ou trois réglages qui comptent vraiment.

Ce que fait l'outil

Importez un GLB ou GLTF riggé. L'outil le charge dans une fenêtre 3D interactive, liste les clips d'animation contenus dans le fichier et vous laisse en choisir un. Choisissez le nombre de directions (4, 8 ou 16), l'inclinaison de la caméra, le nombre d'images par direction et la taille des cellules, puis lancez le rendu. Chaque combinaison direction × image est rendue hors écran sur votre propre carte graphique, puis assemblée dans le même format sprite sheet + métadonnées JSON que celui des outils animation et personnage — le pipeline que vous avez construit pour eux fonctionne tel quel.

Pourquoi c'est gratuit

Il n'y a aucun GPU serveur derrière. Le rendu, c'est du WebGL qui tourne sur votre machine, exactement comme un jeu 3D dans le navigateur. Générer une sheet ne nous coûte rien, donc elle ne vous coûte rien : connectez-vous et utilisez l'outil, sans crédits.

Ce que votre modèle doit avoir

Le modèle doit être riggé — un squelette lié au maillage — et le squelette doit suivre la nomenclature d'os Mixamo, le standard de fait. Les modèles riggés automatiquement par le service gratuit Mixamo d'Adobe le sont exactement, et les générateurs 3D par IA populaires (Meshy, Tripo) produisent des rigs compatibles. Si votre modèle n'est pas riggé, passez-le d'abord dans l'auto-rig de Mixamo ; cela prend quelques minutes. L'outil valide le squelette dès l'import et dit clairement quand il ne peut pas travailler avec, plutôt que de rendre quelque chose de tordu.

Les réglages caméra qui comptent

L'inclinaison — l'angle sous lequel la caméra regarde vers le bas — est un réglage global unique : profil 0° pour les jeux en vue de côté, 30° ou 45° pour l'isométrique, 60° pour la vue de dessus. Ce n'est volontairement pas une caméra libre : toutes les directions doivent partager exactement la même inclinaison, sinon les lignes de la sheet ne s'alignent pas entre elles.

La projection est le choix le plus subtil. L'orthographique est le choix traditionnel et s'aligne parfaitement sur les grilles de tuiles, mais un rendu totalement orthographique peut sembler plat. Le look prérendu classique venait souvent d'un téléobjectif — un champ de vision étroit depuis loin, presque orthographique mais avec un soupçon de profondeur. L'outil propose les deux, et le basculement conserve le cadrage à l'identique pour permettre une vraie comparaison.

À propos de l'option de pixelisation

Une passe de pixelisation optionnelle avec détection de contours est disponible. Soyons clairs sur ce qu'elle est : un sous-échantillonnage mécanique, pas du pixel art placé à la main. Cela fonctionne bien pour les prototypes et les jeux qui veulent une saveur rétro, mais si votre direction artistique est du vrai pixel art, traitez la sortie comme une base à repeindre, pas comme un asset final.

Intégrer la sheet dans votre moteur

Deux détails des métadonnées JSON font gagner un vrai temps de débogage.

L'ancrage. La caméra garde une marge de sécurité autour du modèle, il y a donc de l'espace transparent sous les pieds du personnage dans chaque cellule. Positionnez le sprite par le bas de la cellule et le personnage flotte. Le JSON enregistre footInset et un ancrage suggéré — le point sous les pieds — pour placer correctement du premier coup.

L'ordre des directions. Les lignes de la sheet se suivent direction par direction, et le JSON indique quelle ligne correspond à quel angle. Si l'est et l'ouest semblent inversés quand vous reliez les entrées de déplacement aux lignes, c'est un problème de chiralité — inversez le signe de votre entrée x dans le calcul de la ligne.

Une vieille astuce, sans le pipeline

Rien de tout cela n'est une idée neuve ; c'est précisément le propos. Le prérendu est éprouvé par vingt-cinq ans de jeux publiés. Ce qui est nouveau, c'est que le chemin complet de « j'ai un modèle 3D » à « j'ai une sprite sheet 8 directions avec les bonnes métadonnées » prend désormais quelques minutes dans un navigateur — et les parties pénibles, cadrage cohérent entre directions, ancrage des pieds, format d'export, sont gérées pour vous.