DISEÑO

Generador de Normal Maps

Convierte cualquier mapa de altura (imagen en escala de grises) en un normal map PBR: sube tu altura o genera una procedural, ajusta la fuerza y exporta a 512 o 1024 píxeles.

HW

El canal rojo es X, el verde es Y (hacia arriba) y el azul es Z. Todos los motores 3D convencionales usan este formato estándar OpenGL.

Previsualización en vivo: el color morado/azul indica superficie plana, y los colores rojizos/verdosos las pendientes en cada dirección.

Cómo se calcula

Un normal map codifica la orientación de cada punto de la superficie en un píxel RGB: el vector normal (X, Y, Z) se transforma de [-1, 1] a [0, 255]. La pendiente se obtiene derivando el mapa de altura con filtros Sobel en las direcciones X e Y: cuanto más pronunciada sea la pendiente, más se desvían los canales R y G del neutro (128). La fuerza escala esa pendiente antes de normalizar; el suavizado previo reduce el ruido de la altura, y el modo tileable calcula las derivadas con envolvente circular para que el mapa se repita sin costuras.

Todo el proceso es client-side: la imagen se lee con el API FileReader, se procesa píxel a píxel en un canvas y el resultado se exporta en PNG. No se sube nada a ningún servidor.

Recuerda: el normal map es solo un componente de un material PBR. Combínalo con el albedo (generador de texturas PBR) y un mapa de roughness para un material completo.

Qué hace Generador de Normal Maps

Si llegas aquí buscando generador de normal maps, la zona de arriba es la herramienta; lo que sigue explica qué hace de verdad y qué no hace. Convierte mapas de altura en normal maps listos para PBR: derivadas Sobel, fuerza ajustable, inversión vertical, suavizado y modo tileable. Exporta PNG en 512 o 1024 píxeles. 100% client-side. Categoría: DISEÑO.

Cómo usarla

  1. Entra en esta página. No hay registro: la herramienta está lista en cuanto carga.
  2. Completa «Mapa de altura (PNG/JPG, escala de grises)», «Fuerza: 1 x», «Suavizado previo: 0», «Invertir Y (green flip)» y «Tileable (sin costuras)».
  3. Si hay desplegables (512 × 512, 1024 × 1024), elige la opción que corresponde a tu caso.
  4. Pulsa «Altura procedural» o «Dientes de sierra» o «Exportar Normal Map PNG» según quieras copiar, generar o descargar.
  5. El resultado se queda en formato PNG.
  6. Cierra la pestaña cuando termines. No queda una copia en 1000herramientasweb.com porque el cálculo no ha salido de tu dispositivo.

Un caso real

Rellenas mapa de altura (png/jpg, escala de grises) y el resto de campos de la ficha, pulsas Altura procedural y te quedas con un archivo o un texto listo para usar.

1000 Herramientas Web publica utilidades client-side: el valor está en que puedes resolver la tarea sin una cuenta SaaS y sin entregar el documento a un tercero. Esta ficha sigue esa regla.

Límites (para no venderte humo)

Preguntas frecuentes

¿Generador de Normal Maps sube mis datos a un servidor?

No. El JavaScript de esta página corre en tu navegador. Puedes comprobarlo en las herramientas de desarrollador (pestaña Red): no verás una subida del contenido que has pegado o del archivo local.

¿Puedo usar el resultado de Generador de Normal Maps en un trabajo o con un cliente?

Sí. El archivo o el texto que generas es tuyo. La plantilla o el cálculo son una ayuda; si el documento tiene efectos legales o fiscales, revísalo con un profesional.

¿Por qué es gratis?

Porque el procesado lo hace tu dispositivo. El sitio se mantiene con Google AdSense (con consentimiento) y donaciones voluntarias, no con un paywall sobre esta herramienta.

Herramientas relacionadas