Overview

We continued implemention of a simple 3D modeler. This time we focused on adding buttons and sliders to the HTML to implement the following features:

• A DELETE button, which deletes the currently selected object.

• A set of color buttons to:
  • Choose the color of the next created object;

  • Click on an existing object to change its color.

• A set of shape buttons to choose the shape of the next created object.

• A set of sliders to rotate the selected object about the X, Y or Z axis.

• A set of sliders to scale the selected object about the X, Y or Z axis.

All of the code, and the working example it enables, is in code10.zip.

You will probably want to use some of this kind of interaction between HTML components like buttons and sliders in your final project. If so, you should make sure you understand the code well enough to create your own HTML components.