codeman's profile

Shaders Demo

Description

A 3-D web application featuring 3 objects and various shaders.
Spin the camera to see the other objects!

Usage

Rotate Left About Camera Position:
Rotate Right About Camera Position:
Zoom In:
Zoom Out:
Reset View:
Rotate Model:
Center on Teapot:
Center on Sphere:
Center on Cube:
Increase Rotation Speed (Right):
Increase Rotation Speed (Left):
Reset Rotation Speed:

'A' key
'D' key
'W' key
'S' key
'R' key
Mouse Drag
'I' key
'O' key
'P' key
'X' key
'Z' key
'C' key

Objects

1) Teapot

Effects:

1. Cube (Environment) Map
2. Phong Shading

2) Sphere

Effects:

1. Bump Map
2. Texture Map
3. Phong Shading

3) Cube

Effects:

1. Fog
2. Cube (Environment) Map
3. Phong Shading

Tidbits

Rotate the camera to the cube. Zoom in and out to see the dynamic changes of the fog effect
Rotate the camera to the sphere, zoom in close to the sphere,
and rotate the sphere object. This allows you to better see the effects
of the bump map and phong shading mixture.
Hold down 'X' or 'Z' and the rotation will accelerate quickly.
Zoom far in past the objects to see all the objects rotating at once.