Da profundidad a los sprites planos bajo luces 2D. Suelta un sprite, mueve la luz sobre él en la vista previa y descarga un mapa de normales que Godot y Unity leen tal cual. Nada sale de tu dispositivo.
Se crea en tu dispositivo. Tus imágenes nunca se suben.
Cómo funciona
Elige, suelta o pega un sprite, un tile o una textura. También vale una carpeta entera.
Elige de dónde sale la profundidad y con qué intensidad, y mueve el puntero sobre la vista previa para ver cómo cae la luz.
El mapa se guarda como nombre_n.png, el nombre que los motores emparejan con el sprite, al mismo tamaño que el sprite.
Generador de mapas de normales
La vista previa ilumina el sprite con su propio mapa de normales, así juzgas el resultado y no una imagen morada.
Redondea un sprite de colores planos desde su contorno, lee el relieve de una textura por sus claros y oscuros, o mezcla ambos.
Verde hacia arriba para Godot y Unity, o invertido para Unreal, con la transparencia del sprite conservada.
Todo ocurre en tu navegador, así que tus imágenes se quedan en tu dispositivo.
En detalle
Un sprite es plano, así que una luz en un juego 2D lo ilumina por igual, como una pegatina. Un mapa de normales es una segunda imagen del mismo tamaño cuyos colores dicen hacia dónde mira cada píxel. Con él, el motor ilumina el lado del sprite que mira a la lámpara y sombrea el otro.
Ningún dibujo contiene esa información, así que hay que estimarla. Esta herramienta estima una altura para cada píxel y convierte las pendientes de esa altura en el mapa.
En Godot, crea un CanvasTexture, pon el sprite en Diffuse y el mapa en Normal Map, y añade a la escena un PointLight2D o un DirectionalLight2D. En Unity, añade el mapa como textura secundaria llamada _NormalMap en el Sprite Editor e ilumina la escena con las luces 2D del Universal Render Pipeline.
Ambos leen el verde hacia arriba, y así se guarda el mapa. Activa Invertir el canal verde para los motores que lo leen hacia abajo, como Unreal.
Generador de mapas de normales
No. Todo funciona en tu navegador, en tu propio dispositivo. Tus imágenes nunca se envían a Moriqa ni a nadie más, y no se conserva nada después de cerrar la página.
Añade el sprite, elige de dónde sale la profundidad, revisa la vista previa iluminada y descarga el PNG. Tiene el mismo tamaño que el sprite.
Sus colores son direcciones, no colores: el rojo va de izquierda a derecha, el verde de arriba abajo y el azul apunta hacia quien mira. Una superficie plana sale con el típico morado claro.
Sí. El mapa conserva el tamaño exacto del sprite y sus bordes duros. Deja el suavizado bajo para un aspecto nítido y marcado, o súbelo para una luz más suave.
No. Es un buen punto de partida, y a menudo suficiente para objetos y tiles. Para un personaje principal, los artistas suelen corregir el mapa a mano.
Para Godot o Unity, no. Inviértelo solo si la luz parece venir de abajo cuando está arriba, lo que significa que tu motor lee el verde al revés.
Abre el editor de pixel art de Moriqa para dibujar y animar sprites, gratis en tu navegador.
