Instructions

Assignment $3$: Simple $3$D design application

You are asked to create a simple $3$D design application in WebGL that allows

the user to put a $3$D wireframe object on the canvas. Your application should

have an interface similar to the following:

The object's shape can be a cylinder, a cone, or a sphere. Cylinder and cone

have parameters, radius and height. Sphere has one parameter, radius.

Parameters shown depend on the selection of the shape. $($You can use HTML

$$ fieldset$>$ to group parameter slides and JavaScript code to change its display

property to make it appear$/$disappear$.)$

Your program should contain JS codes to draw cylinder, cone, and sphere.

There are many ways to draw them. The most common way is to draw a shape

as a set of triangles $($as shown in the figure$).$

The object's location, orientation, and the camera's view in the canvas can be

adjusted using the controls shown in the left pane.