ToolBuddyToolBuddy
JuegosNuevo

Generador de mapas normales

Genere mapas de normal de espacio tangente, oclusión ambiental, rugosidad, metálicos y de altura a partir de una imagen de altura, con control de canal verde OpenGL y DirectX.

Conozca su flujo de trabajo

Archivos compatibles y cómo utilizar.

Compruebe los detalles de entrada y salida compatibles y siga los pasos de la herramienta antes de exportar.

🧾

Especificaciones técnicas y señales de decisión

Utilice estas especificaciones para validar la adecuación del flujo de trabajo, los límites de privacidad y las expectativas de salida antes de ejecutar Normal Map Generator.

Costo

Flujo de trabajo gratuito sin registro para el uso principal.

Seguridad

Todo el procesamiento se ejecuta en el navegador — las imágenes nunca salen de su dispositivo.

Dispositivo

Compatible con navegadores de escritorio y móviles modernos.

Especificaciones técnicas

Entrada: PNG, JPG, WebP. Salida: PNG, individualmente o como ZIP. Mapas: normales, oclusión ambiental, rugosidad, metálico, altura. Derivados de la imagen de origen, no horneados a partir de geometría de malla.

🧭

Como usar

Compruebe los detalles de entrada y salida compatibles y siga los pasos de la herramienta antes de exportar.

01

Elige una imagen de altura (un mapa de alturas en escala de grises ofrece el mejor resultado; una foto en color utiliza su luminosidad).

02

Ajusta intensidad, filtro de bordes y orientación DirectX.

03

Revisa las ranuras generadas (normal, oclusión, rugosidad, desplazamiento, especular) y ajusta desenfoque, enfoque o niveles.

04

Comprueba la vista previa 3D iluminada sobre una esfera, cubo o tu propio modelo glTF o GLB, o visualiza la repetición en teselas 3×3.

05

Descarga mapas individuales en PNG o todos juntos en un archivo ZIP.

Guía

Aprende, decide, y aplicar.

Comprenda cómo utilizar cómo generar un mapa de normales a partir de una imagen de altura en su navegador, por qué es importante en flujos de trabajo repetidos y cuándo utilizar esta herramienta con confianza.

✨

Generación de normales y mapas pbr en el navegador

  • Se ejecuta completamente en su navegador — las imágenes nunca salen de su dispositivo.
  • Normales mediante gradiente de Sobel con intensidad ajustable y ajuste de bordes para fuentes en mosaico (tileable).
  • Control de primer orden para canal verde de OpenGL/DirectX, sin valores predeterminados ocultos.
  • Genera cinco tipos de mapas a partir de un único origen en una sola pasada.
  • Indica cuándo un origen en color se convirtió a luminancia en lugar de asumir que lo sabía.
  • Transparente respecto a sus límites: derivado de una imagen, no horneado a partir de geometría.
🎯

Derivar mapas de texturas pbr a partir de una sola imagen de altura

  • Convertir una imagen de altura o relieve en un mapa de normales en espacio tangente utilizable.
  • Derivar un mapa de oclusión ambiental para mayor profundidad en la superficie.
  • Producir mapas de rugosidad y metálico a partir de una única imagen de origen en escala de grises.
  • Convertir un mapa de normales entre las convenciones de OpenGL y DirectX.
  • Crear un conjunto completo de mapas PBR a partir de una imagen de origen sin instalar software.
Acerca de

Acerca de Generador de mapas normales

Cómo generar un mapa de normales a partir de una imagen de altura en su navegadorGeneración de normales y mapas pbr en el navegadorDerivar mapas de texturas pbr a partir de una sola imagen de altura

Mapas de normales con convención explícita

Las normales se derivan de un gradiente de Sobel sobre la luminancia de la fuente, con intensidad ajustable y ajuste de bordes opcional para fuentes repetibles en mosaico.

OpenGL espera +Y hacia arriba y DirectX espera +Y hacia abajo. Un mapa creado para la convención incorrecta parece iluminado desde el lado opuesto (la queja más habitual con mapas de normales), por lo que el selector del canal verde es un control principal aquí y no un ajuste predeterminado oculto.

Oclusión, rugosidad, metálico y altura en una sola pasada

La oclusión ambiental se aproxima a partir del campo de altura muestreando un anillo de direcciones por píxel y midiendo cuánto se elevan los alrededores por encima de él. Es una aproximación, no un horneado con trazado de rayos, y se etiqueta como tal.

La rugosidad, el metálico y la altura son reasignaciones de niveles de la luminancia de origen, cada uno con sus propios controles de mínimo, máximo, contraste e inversión.

Tener certeza de lo que obtiene

Estos mapas se derivan de una imagen 2D, no se hornean a partir de la geometría de una malla. Un mapa de normales generado aquí codifica el gradiente de su imagen de altura; no es un horneado de alta a baja resolución poligonal, y la herramienta no pretende serlo.

Si proporciona una imagen en color, se convierte a luminancia primero y la herramienta lo indica: ingresar un mapa de albedo en un generador basado en altura es un error común que el resultado por sí solo no hace evidente.

FAQ

Común preguntas.

¿Tienes más preguntas? Comuníquese a través de nuestra pagina de contacto y le responderemos dentro de las 24 horas.

¿Se suben mis imágenes a un servidor?

No. La generación de mapas se ejecuta en tu navegador y nada se envía a un servidor.

¿Se trata de un horneado de alta a baja poligonización?

No. Estos mapas se derivan de la imagen que proporcionas, no se hornean a partir de la geometría de una malla. Un mapa normal aquí codifica el gradiente de tu imagen de altura.

¿Por qué mi mapa normal parece iluminado desde el lado incorrecto?

OpenGL espera +Y hacia arriba y DirectX espera +Y hacia abajo. Usa el interruptor de invertir verde para cambiar de convención.

¿Puedo usar una imagen en color?

Sí, pero primero se convierte a luminancia y la herramienta te lo advierte: introducir un mapa de albedo en un generador basado en alturas es un error frecuente.

¿La oclusión ambiental utiliza trazado de rayos?

No. Es una aproximación de campo de alturas, no un horneado con trazado de rayos sobre geometría.

¿Puedo generar varios mapas a la vez?

Sí. Selecciona cualquier combinación de normal, AO, rugosidad, metálico y altura, y descárgalos individualmente o como un archivo ZIP.

¿Puedo ver los mapas en una forma 3D?

Sí. Tras generar los mapas, cambia la vista previa a 3D para verlos combinados en una esfera, cubo o plano iluminados, con repetición de hasta 4 × 4, y orbita a su alrededor.

¿Qué filtro de bordes debo utilizar?

Sobel es adecuado para la mayoría de imágenes. Scharr sigue los detalles diagonales finos con mayor precisión; Prewitt es más suave y menos sensible al ruido. La intensidad tiene el mismo efecto en los tres.

Casos de uso

Populares flujos de trabajo.

Vea flujos de trabajo reales en los que esta herramienta se adapta de forma natural y luego vaya directamente a la guía correspondiente.

Ver todas las herramientas

Visor de columna vertebral

Vista previa de las exportaciones Spine JSON, atlas y PNG localmente con controles de reproducción, máscara, velocidad y depuración.

Abrir flujo de trabajo

Visor de animación Rive

Obtenga una vista previa de los archivos `.riv` de Rive localmente con reproducción de animación, pruebas de máquina de estado, revisión de línea de tiempo de estado, grabación de eventos y controles de diseño listos para transferir.

Abrir flujo de trabajo

Visor de modelos 3D

Visualice e inspeccione modelos 3D en 42 formatos con modos de renderizado, iluminación ambiental, herramientas de medición, animaciones y grabación de video.

Abrir flujo de trabajo

Relacionado

Explora más herramientas.

Ver todas las herramientas

Visor de columna vertebral

JuegosPopulares

Vista previa de las exportaciones Spine JSON, atlas y PNG localmente con controles de reproducción, máscara, velocidad y depuración.

Visor de animación Rive

JuegosPopulares

Obtenga una vista previa de los archivos `.riv` de Rive localmente con reproducción de animación, pruebas de máquina de estado, revisión de línea de tiempo de estado, grabación de eventos y controles de diseño listos para transferir.

Visor de modelos 3D

Juegos

Visualice e inspeccione modelos 3D en 42 formatos con modos de renderizado, iluminación ambiental, herramientas de medición, animaciones y grabación de video.

Banco de trabajo modelo 3D

Juegos

Convierta, optimice y comprima archivos de modelos 3D en los principales formatos (GLB, glTF, OBJ, STL, PLY, FBX, USDZ) con compresión Draco/meshopt y reducción de polígonos.