# Real-Time PBR Texture Authoring and Normal Map Generation in WebGL2 (Part 15) Game artists, 3D environment designers, and architectural visualizers need fast, deterministic surface maps without round-tripping heavy files through cloud queues. By using a [browser WebGL2 normal map and PBR material generator (63)](https://normalmapai.com/), creators can generate tangent-space normal maps, height maps, ambient occlusion, and packed ORM textures directly on their local GPU. ## Key WebGL2 PBR Map Workflows Modern physically based rendering engines (Unreal Engine 5, Unity URP/HDRP, Blender, Godot, and Three.js) rely on calibrated surface maps: - **Tangent-Space Normal Extraction**: Convert diffuse photos or stylized textures with the [instant photo-to-normal-map GPU converter (63)](https://normalmapai.com/image-to-normal-map), featuring Sobel/Scharr gradient filters, multi-pass detail sliders, and live 3D sphere/cube/plane lighting previews. - **Channel Packing & Seam Removal**: Prepare production-ready assets using the [precision grayscale bump map generator online (63)](https://normalmapai.com/bump-map-generator) so roughness, metallic, and ambient occlusion maps share a single optimized texture sampler. - **DirectX / OpenGL Handedness Control**: Toggle green-channel (+Y / -Y) orientation on the fly and export 8-bit or 16-bit PNGs with zero server uploads. ## Practical Production Steps 1. **Import Any Albedo or Height Photo**: Drag a PNG, JPEG, or WebP surface image into the browser viewport. 2. **Tune Fine & Macro Surface Relief**: Adjust strength, blur-sharp balance, and height depth while inspecting specular highlights under a rotating point light. 3. **Export PBR Texture Pack**: Download individual Normal, Height, AO, Roughness, or combined ORM maps ready for immediate engine import. ## Engine notes Tangent-space normals, 16-bit height, roughness, AO, metallic, curvature, and packed ORM maps are generated with WebGL2 shaders. Use the [free seamless tileable texture maker in the browser](https://normalmapai.com/seamless-texture) when a surface must repeat, and the [OpenGL to DirectX normal green-channel inverter](https://normalmapai.com/normal-map-inverter) before a DirectX import. Nothing is uploaded. ## FAQ **Is an account required?** No. **Which engines?** Blender, Unreal Engine 5, Unity, Godot, and glTF presets. **Bit depth?** 8-bit and 16-bit PNG exports for height and displacement.