JavaScript Graphics

Back to index
Your browser is broken ASSIGNMENT:
The method used to create ellipses used here is the most flexible, but also most difficult to understand. There are a lot of variables to keep track of. You will notice that there are two sets of values for radX and radY, with one set being commented out. Switch the comments and observe the results. You will notice that ellipses of different proportions are drawn in that situation.

Figure out which variables control rotation, radius x, and radius y. Also figure out how you would change the actual location of an ellipse. You don't actually need to understand how Math.sin and Math.cos work in order to be able to control these elements.

So, the assignment is to create eight ellipses, all the same height. However, each ellipse should be a different color and a different width. In fact, a few of your ellipses should be wider than they are tall. Your canvas should be 100 units tall and 300 units wide. Good luck!