Use your fingers or mouse to control the model (hold shift key or use mouse wheel to zoom it). Canvas is matched to your browser window. You can change N but for large values this script is not very stable (in FireFox and Chrome).

As since 8-bit per color texture is not enough to store accurate (smooth) normals therefore this demo saves every normal component in two parts (bytes). We have only 4 colors (bytes) in a texture therefore we use only two non zero normals. Less accurate demo with 8-bit normals. Demo with the OES_texture_float extension. Bump mapping outline.

WebGL Demos     updated 10 August 2010