Donnez du relief aux sprites plats sous des lumières 2D. Déposez un sprite, promenez la lumière dessus dans l’aperçu, et téléchargez une normal map que Godot et Unity lisent telle quelle. Rien ne quitte votre appareil.
Créé sur votre appareil. Vos images ne sont jamais envoyées.
Comment ça marche
Choisissez, déposez ou collez un sprite, une tuile ou une texture. Un dossier entier fonctionne aussi.
Choisissez d’où vient la profondeur et son intensité, puis passez le pointeur sur l’aperçu pour voir la lumière tomber dessus.
La map est enregistrée sous nom_n.png, le nom que les moteurs associent au sprite, à la taille même du sprite.
Générateur de normal map
L’aperçu éclaire le sprite avec sa propre normal map : vous jugez le résultat, pas une image violette.
Arrondissez un sprite en aplats à partir de son contour, lisez le relief d’une texture dans ses clairs et ses sombres, ou mêlez les deux.
Vert vers le haut pour Godot et Unity, ou inversé pour Unreal, avec la transparence du sprite conservée.
Tout se passe dans votre navigateur : vos images restent sur votre appareil.
En détail
Un sprite est plat : une lumière dans un jeu 2D l’éclaire donc uniformément, comme un autocollant. Une normal map est une seconde image de même taille dont les couleurs indiquent vers où chaque pixel est tourné. Grâce à elle, le moteur éclaire le côté du sprite qui fait face à la lampe et ombre l’autre.
Aucun dessin ne contient cette information : il faut l’estimer. Cet outil estime une hauteur pour chaque pixel et transforme les pentes de cette hauteur en normal map.
Dans Godot, créez une CanvasTexture, placez le sprite dans Diffuse et la normal map dans Normal Map, puis ajoutez un PointLight2D ou un DirectionalLight2D à la scène. Dans Unity, ajoutez la normal map comme texture secondaire nommée _NormalMap dans le Sprite Editor et éclairez la scène avec les lumières 2D de l’Universal Render Pipeline.
Les deux lisent le vert vers le haut, et c’est ainsi que la normal map est enregistrée. Activez Inverser le canal vert pour les moteurs qui le lisent vers le bas, comme Unreal.
Générateur de normal map
Non. Tout se passe dans votre navigateur, sur votre propre appareil. Vos images ne sont jamais envoyées à Moriqa ni à qui que ce soit, et rien n’est conservé une fois la page fermée.
Ajoutez le sprite, choisissez d’où vient la profondeur, vérifiez l’aperçu éclairé, puis téléchargez le PNG. Il a la même taille que le sprite.
Ses couleurs sont des directions, pas des couleurs : le rouge va de gauche à droite, le vert de bas en haut, et le bleu pointe vers le spectateur. Une surface plate donne le mauve clair habituel.
Oui. La normal map garde la taille exacte du sprite et ses bords francs. Gardez un lissage faible pour un rendu net et marqué, ou augmentez-le pour une lumière plus douce.
Non. C’est un bon point de départ, souvent suffisant pour des accessoires et des tuiles. Pour un personnage principal, les artistes corrigent en général la normal map à la main.
Pas pour Godot ni Unity. Ne l’inversez que si la lumière semble venir d’en bas alors qu’elle est en haut : votre moteur lit alors le vert dans l’autre sens.
Ouvrez l’éditeur de pixel art de Moriqa pour dessiner et animer des sprites, gratuitement dans votre navigateur.
