IB Computer Science 1
From WLCS
Wednesday - Friday (11/1/17 - 11/3/17)
Agenda:
- Demo Input: Keyboard Variables
- Demo Media: Loading & Displaying Images
- Bouncing Image Lab
- You will be creating a new Processing sketch that combines multiple labs. You will create a bouncing Image (of your choice) on the screen that responds to keyboard clicks
- Display a background image (of your choice)
- Display a smaller image on the screen that will move around
- Make the smaller image bounce around on the screen (for testing purposes only). After the image successfully bounces around, set dx and dy to 0 so that it no longer moves
- Add the following keyboard functionalities:
- Pressing the up arrow makes the image's dy variable decrease by decrementing (decreasing) dy by 1
- Pressing the down arrow makes the image's dy variable increase by incrementing (increasing) dy by 1
- Pressing the left arrow makes the image's dx variable decrease by decrementing (decreasing) dx by 1
- Pressing the right arrow makes the image's dx variable increase by incrementing (increasing) dx by 1
- Pressing the letter w increases the height of the image (Note: you will need to keep track of the height of the image using a new variable)
- Pressing the letter s decreases the height of the image
- Pressing the letter d increases the width of the image (Note: you will need to keep track of the width of the image using a new variable)
- Pressing the letter a decreases the width of the image
- The image should bounce of the sides of the screens accordingly
- Ensure that the bouncing off the sides is based on the image's width and height such that when the image's width or height changes, the bouncing will correctly occur at the edge of the image
- Hint: You should use screen's width, height, and the image's width and height of the image to mathematically determine the bounce
