Difference between revisions of "IB Computer Science 1"

From WLCS
Line 7: Line 7:
 
*# Display a background image (of your choice)
 
*# Display a background image (of your choice)
 
*# Display a smaller image on the screen that will move around
 
*# 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 ball successfully bounces around, set dx and dy to 0 so that it no longer moves
+
*# 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:
 
*# Add the following keyboard functionalities:
*#* Pressing the up arrow makes the ball'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 up arrow makes the ball's dy variable increase by incrementing (increasing) dy by 1
+
*#* Pressing the up arrow makes the image's dy variable increase by incrementing (increasing) dy by 1
*#* Pressing the left arrow makes the ball'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 up arrow makes the ball's dx variable increase by incrementing (increasing) dx by 1
+
*#* Pressing the up arrow makes the image's dx variable increase by incrementing (increasing) dx by 1
*#* Pressing the letter k increases the radius of the ball
+
*#* Pressing the letter k increases the radius of the image
*#* Pressing the letter j decreases the radius of the ball
+
*#* Pressing the letter j decreases the radius of the image
*# The ball should bounce of the sides of the screens accordingly
+
*# 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 ball
+
*#* 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 ball to mathematically determine the bounce  
+
*#* Hint: You should use width, height, and the radius of the image to mathematically determine the bounce  
  
 
== Monday (10/30/17) ==
 
== Monday (10/30/17) ==

Revision as of 08:48, 1 November 2017

Wednesday (11/1/17)

Agenda:

  • Demo Input: Keyboard Variables
  • Demo Media: Loading & Displaying Images
  • Bouncing Image Lab
    1. 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
    2. Display a background image (of your choice)
    3. Display a smaller image on the screen that will move around
    4. 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
    5. 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 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 up 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
    6. 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:

Thursday (10/26/17)

Agenda:

Tuesday (10/24/17)

Agenda:

Friday (10/20/17)

Agenda:

Wednesday (10/18/17)

Agenda:

  • Review how to create Project: Simple Paint App features
  • Color Quadrant Practice
    1. Create a Processing program that tracks your mouse and changes the color of the background based on the mouse's location
    2. There should be 4 quadrants in your window
    3. When the mouse is in a quadrant, change your background color to a color of your choice
    4. 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)
    5. 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:

Wednesday (10/4/17)

Agenda:

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
  • Period 5

Archives