Java for Processing 
Microsoft PowerPoint 123_04* P Praphics Languape (APOREX + A3 (30 marks) Focus: Using Variables to Control Animation Q1. [115] Create a program that animates the creation of shapes similar to the ones below: Example 1 Example 2 Example 3 Animation: mp4, Animation model Animation model DO Download the starter code and then complete the missing code in order to create the above animations. The basic idea is as follows (see the diagrams below) Draw a line in each new frame without clearing the previous frames. The start and end points of the line should constantly move along the circumference of two circles located at the sketch center. Use circle equations or cos 8 and y = r sin to determine the position of the points Animate the angle for the two points at different speeds. from Marking Guide: mark break down is shown in the starter code X X Microsoft PowerPoint - 123_04_ x P PGraphics Language (AP Pro X + Q2. [5] Add more code to your design in order to also animate o the color of the line. A sample output is shown below. Hint: use HSB color mode. Marking Guide: +4 for assigning rainbow colors to the lines as in the screenshot +1 for not overusing one color over the others. That is when your reach the end of the color spectrum, you should start all over again, le color color2 . color255 color 1 color etc Q3. [+10) Write code the results in this animation: mp4 or gif. Follow these steps: a. Create a still design first. Note that you will need to transform the coordinates to properly produce the required design. b. Identify the attributes that need to be animated. In this example, you will need to animate (1) the coordinates scale and angle, and (2) the transparency of all items. UBC c. Create a variable for each attribute you want to animate. In this example, you will have exactly three variables for scale, angle, and transparency. d. Replace that attributes' values with the variables. e. Slightly modify that variables at the end of each frame. Morking Guide: This question is worth 20 marks distributed as follows: -2 for correct design. +2 for correct transformation +6 for animating attributes: scale, angle, and transparency (2 each) Submission Instructions For this assignment, you need to do the following: 1- Copy your solution into this Word document template. 2- Submit your word file to Canvas. Both students in a team must submit the same fille Note that you can resubmit an assignment, but the new submission overwrites the old submission and receives a new timestamp. Microsoft PowerPoint 123_04* P Praphics Languape (APOREX + A3 (30 marks) Focus: Using Variables to Control Animation Q1. [115] Create a program that animates the creation of shapes similar to the ones below: Example 1 Example 2 Example 3 Animation: mp4, Animation model Animation model DO Download the starter code and then complete the missing code in order to create the above animations. The basic idea is as follows (see the diagrams below) Draw a line in each new frame without clearing the previous frames. The start and end points of the line should constantly move along the circumference of two circles located at the sketch center. Use circle equations or cos 8 and y = r sin to determine the position of the points Animate the angle for the two points at different speeds. from Marking Guide: mark break down is shown in the starter code X X Microsoft PowerPoint - 123_04_ x P PGraphics Language (AP Pro X + Q2. [5] Add more code to your design in order to also animate o the color of the line. A sample output is shown below. Hint: use HSB color mode. Marking Guide: +4 for assigning rainbow colors to the lines as in the screenshot +1 for not overusing one color over the others. That is when your reach the end of the color spectrum, you should start all over again, le color color2 . color255 color 1 color etc Q3. [+10) Write code the results in this animation: mp4 or gif. Follow these steps: a. Create a still design first. Note that you will need to transform the coordinates to properly produce the required design. b. Identify the attributes that need to be animated. In this example, you will need to animate (1) the coordinates scale and angle, and (2) the transparency of all items. UBC c. Create a variable for each attribute you want to animate. In this example, you will have exactly three variables for scale, angle, and transparency. d. Replace that attributes' values with the variables. e. Slightly modify that variables at the end of each frame. Morking Guide: This question is worth 20 marks distributed as follows: -2 for correct design. +2 for correct transformation +6 for animating attributes: scale, angle, and transparency (2 each) Submission Instructions For this assignment, you need to do the following: 1- Copy your solution into this Word document template. 2- Submit your word file to Canvas. Both students in a team must submit the same fille Note that you can resubmit an assignment, but the new submission overwrites the old submission and receives a new timestamp
