SA1 [5 pts]

Fill in each blank with Model, View, or Controller:

A) The ________________ draws the app using the values in the model.
B) The ________________ contains all the data we need for the animation.
C) The ________________ responds to keyboard, mouse, timer and other events
   and updates the model.

SA2 [5 pts]

Fill in the blank with the correct answer:

A) If we _____________________ app.stepsPerSecond, the animation will appear to speed up.
B) In our grid example, getCellBounds is labeled as a __________ to __________ function,
   because it takes row,col values and converts them to (x,y) values.

SA3 [15 pts]

Fill in the blanks so that the function getCellBounds work as defined in the notes.

def getCellBounds(app, row, col):
    # returns (left, top, width, height) bounding box of given cell in grid
    gridWidth  = app.width - 2*app.margin
    gridHeight = app.height - 2*app.margin
    cellWidth = gridWidth / app.cols
    cellHeight = gridHeight / app.rows
    left = _____________________
    top = ______________________

    return (left, top, cellWidth, cellHeight)

FR1: Circle Animation [75 pts]

Write an animation with the following features:

A blue circle starts centered at the bottom of the screen and moves up and down over time, starting by moving up. The circle changes direction when it hits the opposing wall.
A red circle starts centered at the left edge of the screen and moves rightwards over time. When the circle fully exits the screen, it reenters on the left side, creating a wraparound effect.
Pressing the left/right keys moves the blue circle left/right, but does not affect its vertical travel. The blue circle is allowed to move off the screen this way.
Pressing the up/down keys increses/decreases the size of the red circle, but does not affect its horizontal travel. It is ok for the radius of the circle to become zero or negative.
If the blue circle and the red circle collide, the blue circle resets to its initial positions, and the red circle continues unchanged.

To receive credit, you must follow all MVC conventions! You must also write all helper functions you use.

Any details of the animation which aren't explicitly specified here (like the starting radius of the circles, their speed, the exact wraparound behavior of the red circle, etc) are all up to your discretion. We will accept any reasonable choice.

Note: CMU Graphics does not run in Coconut, so this question has no run button.

from cmu_graphics import *

runApp()

Part 1: The Only Part

SA1 [5 pts]

SA2 [5 pts]

SA3 [15 pts]

FR1: Circle Animation [75 pts]