WebGL Demonstrations for Shadow Mapping and Shadow Volume

See IEEE Computer Graphics and Applications, Vol. 35, issues 2 and 3.

Shadow Mapping

Shadow Mapping WebGL Demonstration

This WebGL demo uses the extensions WEBGL_depth_texture and OES_texture_float to store the shadow map inside a depth texture. If your system does not provide this extensions, please choose "Color tex" in the top panel.
Usable keys: arrow keys, page up/down, +/-, mouse drag/drop, mouse wheel
On displaying shadow map or texture contents, please click on the image to return.

Shadow Volume

Shadow Volume WebGL Demonstration

Usable keys: arrow keys, page up/down, +/-, mouse drag/drop, mouse wheel