Difference between revisions of "IB Computer Science 1"

From WLCS
Line 20: Line 20:
 
*#* 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
 
*#* 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  
 
*#* 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:'''
 
* Some students will be taking the Pre-Test Workplace Readiness Skills Assessment
 
* Complete and demo [https://docs.google.com/document/d/1wCZWJbwxWv6xqrbuQOKC8jgqdNdVUzSKE4L6UC-yX2s/edit?usp=sharing Animation: Gravity Ball with Mouse Launcher]
 
* Complete [https://docs.google.com/document/d/1uWpr7pX91LzklGwR6InKvsu7M9IRn2y55xgHHq0MAcQ/edit?usp=sharing Input: Keyboard Variables]
 
* Complete [https://docs.google.com/document/d/13zLTnm_mxURSFxEWJ24MUBOAK1Y6jbfk8NxL-wS_U7g/edit?usp=sharing 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 [https://docs.google.com/document/d/1wCZWJbwxWv6xqrbuQOKC8jgqdNdVUzSKE4L6UC-yX2s/edit?usp=sharing Animation: Gravity Ball with Mouse Launcher] if you have not already done so
 
* Complete [https://docs.google.com/document/d/1uWpr7pX91LzklGwR6InKvsu7M9IRn2y55xgHHq0MAcQ/edit?usp=sharing Input: Keyboard Variables]
 
* Work on [https://docs.google.com/document/d/13zLTnm_mxURSFxEWJ24MUBOAK1Y6jbfk8NxL-wS_U7g/edit?usp=sharing Media: Loading & Displaying Images]
 
 
== Tuesday (10/24/17) ==
 
'''Agenda:'''
 
* Complete and demo [https://docs.google.com/document/d/1wCZWJbwxWv6xqrbuQOKC8jgqdNdVUzSKE4L6UC-yX2s/edit?usp=sharing 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
 
* [https://docs.google.com/document/d/1wCZWJbwxWv6xqrbuQOKC8jgqdNdVUzSKE4L6UC-yX2s/edit?usp=sharing Animation: Gravity Ball with Mouse Launcher]
 
 
== Wednesday (10/18/17) ==
 
'''Agenda:'''
 
* Review how to create [https://docs.google.com/document/d/1RCVlD8xOl4mzuIm2kxQUtyccOOJa_6bBFVa3S57Sj_E/edit?usp=sharing 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 [https://docs.google.com/document/d/1RCVlD8xOl4mzuIm2kxQUtyccOOJa_6bBFVa3S57Sj_E/edit?usp=sharing 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 [https://docs.google.com/document/d/1yxestu4zbLljylbwmSUnskOcwiTnwf-wOTFvyHF1xoo/edit?usp=sharing Animation: My First Animation]
 
* Complete [https://docs.google.com/document/d/1xRSA_Ti8l5002jcAftcUtCTdujCojghzoTpUZwJvHQ4/edit?usp=sharing Animation: Bouncing Ball]
 
 
== Wednesday (10/4/17) ==
 
'''Agenda:'''
 
* [[Media:PythonFunctions.pptx]]
 
* Complete and demo [https://docs.google.com/document/d/1Rlt_UvfeGlMgN3upOR4rF9-M9w72CfH3aJbot_6_Tk0/edit?usp=sharing 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
 
*** [https://docs.google.com/document/d/1Rlt_UvfeGlMgN3upOR4rF9-M9w72CfH3aJbot_6_Tk0/edit?usp=sharing 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
 
** [https://docs.google.com/document/d/1Rlt_UvfeGlMgN3upOR4rF9-M9w72CfH3aJbot_6_Tk0/edit?usp=sharing Functions: House Assignment]
 
*** Instead of house, you may convert your emoji code into a function that draws the emoji at specific (x, y) coordinates
 
  
 
== Archives ==
 
== Archives ==
 +
* [[IBCS1 - 1718 - October]]
 
* [[IBCS1 - 1718 - September]]
 
* [[IBCS1 - 1718 - September]]
 
* [[IBCS1 - 1617]]
 
* [[IBCS1 - 1617]]

Revision as of 12:18, 6 November 2017

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

Archives