IB Computer Science 1

Thursday - Monday (10/11/18 - 10/15/18)

Agenda:

• Read global variables and test out its example code snippet in Processing
  • You will interact with the code snippet by hitting keys
  • Focus on understanding the use of the global keyword
• Read mouseReleased() and test out its example code snippet in Processing
  • You will interact with the code snippet by pressing and releasing the mouse/trackpad button
  • The mouseReleased() function automatically runs every time the mouse's button is released
• What components of Tic-Tac-Toe are left?
  • Copy your Tic-Tac-Toe code to a new Processing sketch program and save it as TTT_Part2
  • Declare/create a global string variable named turn and initialize it to either "X" or "O"
  • Define the mouseReleased() function like the example linked above. Add/modify the mouseReleased() code block, so that you draw a either ax "X" or an "O" in the corresponding slot. Hint: You can use the same if statements or conditional from the previous lab!
  • Every time you release the mouse and draw "X" or "O", the turn should switch off

Wednesday (10/10/18)

• PSATs

Friday (10/6/18)

Agenda:

• Introduction to Animation
  • setup() function
  • draw() function
  • mouseX and mouseY variables
  • width and height variables
• Tic-Tac-Toe Select-a-Square
  1. Setup your screen size to be a large square (e.g. 600x600)
  2. Within the draw() function, give the background a color()
  3. Draw tic-tac-toe lines on your screen (make sure that the rows and columns are exactly 1/3 the size of the height and width)
  4. Add conditional statements in the draw() function to detect which square you are in
     • You'll need to access the mouse's current coordinates with mouseX and mouseY variables
     • Draw a square of a different color inside the particular square that you are in
     • The effect that you will generate will look like it is highlighting the current square where the mouse is
  5. Challenge: Modify your code so that changing the screen size, will automatically be adjusted and accounted for by the rest of your code. Hint: use height and width variables
  6. Challenge 2: Modify your code so that it works without any conditionals. Hint: use division and multiplication
• Coming soon...
  • Functions
  • Global variables
  • Mouse clicks

Wednesday (10/3/18)

Agenda:

• Complete and demo Introduction: My First Sketch
• Processing review
  • size()
  • rect()
  • ellipse()
  • line()
  • background()
  • fill()
  • stroke()
• Draw and demo your favorite emoji / logo / cartoon character using Processing before the end of class

Monday (10/1/18)

Warmup:

• Take the Conditionals Quiz in Canvas

Agenda:

• Make sure you've completed all assignments (...but how?)
• Complete & demo Tech Support Flow Chart Assignment
• Introduction to Processing - Python Mode
  1. Download and install Processing
  2. Install Python Mode (upper right corner)
  3. Processing Labs
  4. Complete Introduction: My First Sketch
• Draw and demo your favorite emoji / logo / cartoon character using Processing

Archives

• IBCS1 - 1819 - September
• IBCS1 - 1718