Difference between revisions of "IB Computer Science 1"

From WLCS
Line 1: Line 1:
 +
== Wednesday (11/16/16) ==
 +
'''Agenda:'''
 +
* APS Codes! (volunteer opportunity)
 +
** Monday, December 5th, 2016
 +
** 7-8:30 pm @ Career Center
 +
** Pizza provided to volunteers who help with the event
 +
** Volunteers will help inexperienced people learn basic programming.  Volunteers can learn new programming languages too
 +
* Keyboard & Image Practice walk-through
 +
* [https://docs.google.com/document/d/1VGe4BcieqEgXfBAW_kA6gDd5a243rIItHGfV9jXLRfo/edit?usp=sharing Project: Pong (Mouse vs Keyboard)]
 +
 
== Monday - Tuesday (11/14/16 - 11/15/16) ==
 
== Monday - Tuesday (11/14/16 - 11/15/16) ==
 
'''Agenda:'''
 
'''Agenda:'''

Revision as of 21:31, 15 November 2016

Wednesday (11/16/16)

Agenda:

  • APS Codes! (volunteer opportunity)
    • Monday, December 5th, 2016
    • 7-8:30 pm @ Career Center
    • Pizza provided to volunteers who help with the event
    • Volunteers will help inexperienced people learn basic programming. Volunteers can learn new programming languages too
  • Keyboard & Image Practice walk-through
  • Project: Pong (Mouse vs Keyboard)

Monday - Tuesday (11/14/16 - 11/15/16)

Agenda:

  • APS Codes! (volunteer opportunity)
    • Monday, December 5th, 2016
    • 7-8:30 pm @ Career Center
    • Pizza provided to volunteers who help with the event
    • Volunteers will help inexperienced people learn basic programming. Volunteers can learn new programming languages too
  • Complete Input: Keyboard Variables
  • Keyboard & Image Practice
    1. Create a Processing program named MarioSideScroller
    2. Download the Media:Mario-1-1.gif and add the file to your Processing program (or any wide, panoramic image of your choice)
    3. Create global variables: bg_x and bg_y (initialize both to 0)
    4. Set your window size to 600 x 448 (the image has a height of 448 pixels)
    5. Load your downloaded image
    6. Within draw(), display the image at location: bg_x, bg_y
    7. Add keyboard detecting code:
      1. if the RIGHT key is pressed, then decrease bg_x by 10
      2. if the LEFT key is pressed, then increase bg_x by 10
    8. Test your program...what did you create?
    9. Additional challenges:
      1. Use an image editing program to extract Mario from the image. Enable the keyboard to move Mario around
      2. Display a right-facing Mario when you go to the right, and a left-facing Mario when you go to the left
      3. Scroll the background only when Mario reaches the the left or right edges of the screen

Wednesday - Thursday (11/9/16 - 11/10/16)

Agenda:

Friday - Monday (11/4/16 - 11/7/16)

Agenda:

  • Complete and demo of Ping with sounds and images by the end of the week (individually!)
    1. Add a background image
    2. Change the ball and paddle to images
    3. Add sounds to the ball bouncing off the walls and paddle
    4. Add background music
    5. Add a game over sound (use noLoop() to stop the draw() function from looping)
  • Processing (Python) Reference
    • Input (Mouse & Keyboard) Variables & Functions
  • Complete Input: Mouse Variables & Functions
  • Complete Input: Keyboard Variables

Wednesday - Thursday (11/2/16 - 11/3/16)

Agenda:

  • 1st Quarter Exam
  • Complete and demo of Ping with sounds and images by the end of the week (individually!)
    1. Add a background image
    2. Change the ball and paddle to images
    3. Add sounds to the ball bouncing off the walls and paddle
    4. Add background music
    5. Add a game over sound (use noLoop() to stop the draw() function from looping)
  • Input: Mouse Variables & Functions
  • Input: Keyboard Variables

Tuesday (11/1/16)

Agenda:

  • Quarter Exam - Wednesday, Thursday (11/2/16, 11/3/16) - comprised of 2 major components:
    1. Completion and demo of Ping with sounds and images by the end of the week (individually!)
      • Add a background image
      • Change the ball and paddle to images
      • Add sounds to the ball bouncing off the walls and paddle
      • Add background music
      • Add a game over sound (use noLoop() to stop the draw() function from looping)
    2. Closed-book, closed-note component:
      • You could be given various snippets of Processing code, and you will be asked to draw the resulting image
      • You could be given incomplete Processing code, and you will be asked to complete the code
  • Input: Mouse Variables & Functions
  • Input: Keyboard Variables

Archives