JavaScript Graphics

Back to index
Your browser is broken ASSIGNMENT:
The drawShape function defined in this example is extremely versatile. It can draw a shape with any number of arms or sides and it can draw said shape at any angle of rotation. The function is called like this:

  drawShape(xcenter,ycenter,sides,outer,inner,angle);
  
The only argument that might be slightly confusing is the one called inner. If inner and outer are the same then a shape with sides is drawn. Otherwise the shape will be some kind of a star with arms.

Your assignment is to produce a total of twenty-seven different shapes demonstrating that you understand how each attribute fed to the function can be used to produce an interesting variety of shapes. Present your array of shapes on a canvas area 300 units tall by 900 units in width. Your shapes should be evenly distributed within this area.