Our next challenge is to make a sketch where a ball shape bounces around the screen.
This is a more complicated than the sketches we’ve done so far, because we will be defining our own variables.
To figure out what variables we need, think about what needs to change so a shape looks like it’s bouncing. Let’s look at it:
A ball moves across the screen. What changes?
x position of the shapey position of the shapeNow, the ball hits the edge of the screen. What changes?
x direction – if the shape hits the left edge, it should go right. If it hits the right edge, it should go left.y direction – if the shape hits the top, it should start moving down. If it hits the bottom, it should start moving up.| Specification | Points |
|---|---|
Your canvas must resize to the window. |
1 |
| User created variables | 3 |
| Conditionals for the left/right and top/bottom edge of the screen | 1 |
| Extension | ✱ |
| Ball bounces using only 2 conditionals | 2 |
| Total: | __ / 5 |