logo hsb.horse

Gerador de Normal Map (Height → Normal)

Converta height maps ou fotos em normal maps prontos, com controle de intensidade e flip Y para DirectX/OpenGL. Tudo roda no navegador — ideal para texturas PBR, jogos e WebGL.

Envie um mapa de altura em tons de cinza ou qualquer foto. O filtro Sobel calcula os gradientes e gera um normal map roxo pronto para Unreal, Unity, Blender ou shaders próprios.

Privacidade: tudo processa no navegador, nada é enviado. Slider de intensidade e flip Y para DirectX/OpenGL. Gradientes Sobel preservam bordas e suavizam ruído. Exportação PNG em um clique com sufixo do nome original.

1. Envie uma height map ou foto

Grayscale com alto contraste gera o melhor resultado. Imagens coloridas são convertidas por luminância.

2. Ajustes da normal map

Intensidade do relevo: Intensidade do relevo: 50

0–100 vira força 0.0–10.0. Valores altos reforçam o relevo; baixos deixam sutil.

3. Exportar

Pré-visualização

Nenhuma textura de origem ainda

Envie uma height map para ver a normal map gerada.

PBR para jogos e VFX

Converta texturas de altura/albedo em normal maps para materiais Unity/Unreal.

Modelagem / fabricação

Antecipe relevo para gravação, CNC ou peças impressas em 3D.

Assets de IA / WebGL

Normalize texturas geradas por IA mantendo a convenção de canais para WebGL e shaders.

Como usar

  1. 1

    Envie a imagem de origem

    Escolha uma height map em cinza ou uma foto. Pixels transparentes são tratados como planos.

  2. 2

    Ajuste intensidade e eixo Y

    Mova o slider até o relevo ficar correto; ative o flip Y para pipelines DirectX.

  3. 3

    Baixe

    Exporte em PNG; o nome recebe o sufixo “_normal”.

FAQ

Os arquivos são enviados para algum servidor?
Não. Tudo roda localmente no seu navegador; as imagens não saem do dispositivo.
Quais entradas funcionam melhor?
Height maps em cinza e alto contraste geram os melhores resultados. Fotos coloridas são convertidas por luminância antes do cálculo.
É para OpenGL ou DirectX?
O padrão segue OpenGL/Metal (Y positivo para cima). Ative “Inverter Y” para o canal verde no estilo DirectX.
Posso ajustar depois?
Sim. Reenvie o PNG aqui para mudar a intensidade ou refine no seu software 3D.