WebGL Lighting E-Book Screen Shots

Light Map on a Cube

Swipe to Spin the Cube

Your browser doesn't support WebGL.

Display lighting with a light map and WebGL. Load two maps. One map textures the cube. The other map provides lighting. Swipe to rotate the cube. The light doesn't move. Highlights shine on different areas of the cube as it moves.

Light maps provide a quick and uncomplicated method to display lighting. Simply load a different light map to change the lighting.

The image for the light map was generated with Photoshop's lighting effects filter.

Photoshop menus:
Filter > Render > Lighting Effects > Omni

The image for the texture map was applied to a cube with 3DS Max. Seven Thunder Software created a simple cube and adjusted texture coordinates which map solid colors to different faces of the cube.

See other WebGL lighting examples for the e-book WebGL Lighting. See free WebGL light techniques.

Light Map

Light Map

Texture Map

Texture Map
3D Graphics Display Here with WebGL

Read WebGL E-Books

Copyright © 2015 Seven Thunder Software. All Rights Reserved.