TEST PAGE

Normal Map Lab — Materialize-ish (Single File)

1) Load Image & Generate Maps

Drag & drop or browse. Tune normal strength / blur. Specular comes from source luminance (scalable).

Drop image here

…or click to browse (PNG/JPG/WebP). Uses full 1:1 resolution.

Normal Strength (2.0)

Blur (px) (0)

Specular Scale (1.00)

Invert height Live preview

Source (Albedo)

Left: original image. If it’s a height map, check “Invert height” as needed.

Normal Map (1:1)

Computed via Sobel gradients → normalized to RGB. Strength scales slope.

Specular Map (luma)

Derived from source luminance × Specular Scale. Used in WebGL specular highlights.

2) 3D Preview (Albedo + Normal + Specular)

Pick a shape, drag to rotate, and move the light.

Preview Shape Shininess Light Intensity Light Azimuth Light Elevation Preview Zoom

Drag to rotate • Double-click to reset • Uses tangent-space normal mapping