Oops ... your browser doesn't support the HTML5 canvas element

Texture Sphere

0.8

0

0

0

0.00

0.00

0.00

Light Source

Light On - Rotates Z axis
Light On - Rotates Y axis
284

3

Instructions

  • Create object creates additional spheres. If image is changed all spheres change.
  • Click on canvas on left to move last created object (works for x and y direction)
  • Use increase and decrease buttons (for x, y, z directions) move object gradually
  • Size of 1 is maximum. Use increase and decrease buttons to move object gradually
  • Objects can appear in front of other objects. If latest created object is not viewable, change z position to make it appear in front of other objects in that x, y position.
  • Light displayed on surfaces are attenuated based on a + (b * d) + (c * d * d): where a, b, and c are constants and d is the distance from the object and the light source.
  • Assignment creates a texture mapped sphere, controls lets user rotate the sphere.
    1. checkerboard image is used for a texture
    2. Image of a standard web format (own photo).
  • Tested with Firefox, Safari, and Chrome browsers.