IB Computer Science 1

From WLCS
Revision as of 08:00, 2 November 2017 by Admin (talk | contribs)

Wednesday - Friday (11/1/17 - 11/3/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 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
    6. 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

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