Live 3D material editor

The NormalMapAI /app route is a focused, bookmarkable live 3D material editor that runs 100% locally in your browser. It gives you the same WebGL2 shader ball, multi-channel PBR sliders, and engine ZIP exporter as the homepage normal map generator without the long-form guide chrome.

Drop any JPG, PNG, or WebP texture into the live 3D material editor, switch between the shader ball, sphere, cube, plane, cylinder, and torus meshes, and drag the studio light around the viewport to inspect relief and specular highlights in real time.

Inside the live 3D material editor, you can tune Base Color (Albedo), Tangent-Space Normal (OpenGL or DirectX), 16-bit Height, 16-bit Displacement, Roughness, Ambient Occlusion (AO), Metallic, Bump, Curvature, and Specular maps simultaneously.

The /app page is a streamlined workspace designed for daily production and quick bookmarking, whereas the /pbr-texture-generator and homepage routes include full step-by-step tutorials, channel explanations, and engine import documentation.

Yes, the live 3D material editor includes one-click export presets for Unity (MetallicSmoothness), Unreal Engine 5 (DirectX Normal + ORM), Godot 4 (OpenGL Normal + ORM), and Blender (Principled BSDF), plus a generic unpacked ZIP.

Choose OpenGL (Y+) for Blender, Unity, Godot 4, and Three.js workflows, or choose DirectX (Y-) for Unreal Engine 5 and DirectX pipelines. The live 3D editor and export presets flip the green channel automatically.

Use the top navigation or companion links to open the Seamless Texture tool (for multi-scale edge blending and lighting removal) or the Transparent PNG tool (for black/white background keying), then click Send to PBR Generator to return to the live 3D editor.

You can export at 512, 1024, 2048 (2K), or 4096 (4K) pixels. Albedo, normal, roughness, and packed ORM channels export as 8-bit PNGs, while height and displacement channels export as 16-bit PNGs for smooth vertex displacement.

NormalMapAI computes normal gradients, height smoothing, AO cavities, and roughness curves on your GPU using custom WebGL2 fragment shaders. If a browser lacks WebGL2 or exports at 4096 px, it falls back cleanly to a local CPU worker.

The built-in rock wall, rusty metal, and wood plank demo materials are CC0 public-domain surface textures from Poly Haven, included so you can test the live 3D editor sliders and lighting before uploading your own photos.

No, your source images and generated maps never leave your device. Every decoding, WebGL2 shading, and ZIP packaging step runs locally inside your browser memory.

Yes, NormalMapAI is 100% free with no watermarks or licensing fees. All PBR maps derived from your own images are yours to ship in commercial games, archviz scenes, VFX, and client deliverables.