Difference between revisions of "IB Computer Science 1"
From WLCS
Line 10: | Line 10: | ||
*# Add the following keyboard functionalities: | *# Add the following keyboard functionalities: | ||
*#* Pressing the up arrow makes the image's dy variable decrease by decrementing (decreasing) dy by 1 | *#* Pressing the up arrow makes the image's dy variable decrease by decrementing (decreasing) dy by 1 | ||
− | *#* Pressing the | + | *#* 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 left arrow makes the image's dx variable decrease by decrementing (decreasing) dx by 1 | ||
− | *#* Pressing the | + | *#* Pressing the right arrow makes the image's dx variable increase by incrementing (increasing) dx by 1 |
*#* Pressing the letter k increases the radius of the image | *#* Pressing the letter k increases the radius of the image | ||
*#* Pressing the letter j decreases the radius of the image | *#* Pressing the letter j decreases the radius of the image |
Revision as of 09:12, 1 November 2017
Contents
Wednesday (11/1/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 k increases the radius of the image
- Pressing the letter j decreases the radius 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 radius such that when the radius changes, the bouncing will correctly occur at the edge of the image
- Hint: You should use width, height, and the radius of the image to mathematically determine the bounce
Monday (10/30/17)
Agenda:
- Some students will be taking the Pre-Test Workplace Readiness Skills Assessment
- Complete and demo Animation: Gravity Ball with Mouse Launcher
- Complete Input: Keyboard Variables
- Complete Media: Loading & Displaying Images
Thursday (10/26/17)
Agenda:
- Some students will be taking the Pre-Test Workplace Readiness Skills Assessment
- The sub will hand out test tickets
- Complete Animation: Gravity Ball with Mouse Launcher if you have not already done so
- Complete Input: Keyboard Variables
- Work on Media: Loading & Displaying Images
Tuesday (10/24/17)
Agenda:
- Complete and demo Animation: Gravity Ball with Mouse Launcher
- Work on the additional challenges after you demo
- Be sure to save a clean, working version of your program in case you mess it up
Friday (10/20/17)
Agenda:
- Demo your Color Quadrant program for credit
- If you finish early, then attempt the challenges
- Review Color Quadrant additional challenges
- Animation: Gravity Ball with Mouse Launcher
Wednesday (10/18/17)
Agenda:
- Review how to create Project: Simple Paint App features
- Color Quadrant Practice
- Create a Processing program that tracks your mouse and changes the color of the background based on the mouse's location
- There should be 4 quadrants in your window
- When the mouse is in a quadrant, change your background color to a color of your choice
- Additional challenge: Instead of discrete quadrants, use a math formula to change the color of the background based on the mouse location (you should basically see gradual color changes as the mouse moves)
- Additional challenge: Map your 2D (x, y) mouse location to emulate the RGB color wheel such that the background color follows the RGB color wheel based on the mouse's location
Thursday - Monday (10/12/17 - 10/16/17)
Agenda:
- Demo missing assignments
- Complete Project: Simple Paint App
- Be sure to move on and work on the additional challenges located at the bottom of the lab
Friday (10/6/17)
Agenda:
- Demo missing assignments
- Demo Python Functions Assignment
- Complete Animation: My First Animation
- Complete Animation: Bouncing Ball
Wednesday (10/4/17)
Agenda:
- Media:PythonFunctions.pptx
- Complete and demo Processing House Assignment
- Instead of house, you may convert your emoji code into a function that draws the emoji at specific (x, y) coordinates
- Complete and demo Python Functions Assignment
- More Processing Labs
Monday (10/2/17)
Agenda:
- Programming Club & CyberPatriot Meeting
- After schools, Mondays, Room 4209
- Interims closing
- Last assignment of interim is the Processing emoji
- Period 1
- Demo missing assignments (e.g. Tech Support Flow Chart Assignment)
- Demo your emoji in Processing
- Introduction to Functions
- Functions: House Assignment
- Instead of house, you may convert your emoji code into a function that draws the emoji at specific (x, y) coordinates
- Period 5
- Introduction to Functions
- Media:PythonFunctions.pptx
- Processing Smiley Example
- Functions: House Assignment
- Instead of house, you may convert your emoji code into a function that draws the emoji at specific (x, y) coordinates