Interactive Computer Graphics - Assignment 3

Interaction


Topics:






Make the following modifications to Assignment 2:

  1. Define a button that changes the orientation of the red ellipse by 90 degrees.

  2. Define a slider that changes the radius of the shaded circle. Be sure that the radius value is greater than zero.

  3. Define a menu that allows the user to change the square's non-black color to another color. Give the user at least 4 choices.

  4. Allow the user to change the color of the ellipse by typing a key, 'r' - red, 'g' - green, 'b' - blue, 'y' - yellow, 'p' - purple, 'w' - white.

  5. When the user clicks with the left button, a small pentagon with a random color appears where s/he clicked. Each click adds a new pentagon, with the previous ones remaining.

  6. The objects should update immediately and only in response to user input.

  7. Add text to your web page that explains how the interaction works.

Your program should look something like this video.

Grading Scheme

  1. Button works correctly: 1 point
  2. Slider works correctly: 2 point
  3. Menu works correctly: 2 point
  4. Keys work correctly: 2 point
  5. Adding pentagons: 3 points

Last modified January 25, 2024.