Difference between revisions of "IB Computer Science 1"
From WLCS
(32 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | == | + | == Wednesday (10/17/18) == |
− | |||
− | |||
− | |||
'''Agenda:''' | '''Agenda:''' | ||
− | * | + | * text() and textSize() notes |
− | * | + | * X-O clicker assignment |
− | * | + | ** Modify the code of the mouseReleased() so that a text-based X or O is drawn every time the mouse button is released |
− | *# | + | * Tic-Tac-Toe: Part 2 |
− | *# | + | *# At the very top of your code, declare/create a global string variable named '''turn''' and initialize it to either "X" or "O" |
− | *# | + | *# At the very top of your code, declare/create global variables for each square in the game (e.g. b_0_0, b_0_1) -- you will use these variables to track where moves are made |
− | *# | + | *# Copy your setup() and draw() from your Tic-Tac-Toe: Select-a-Square |
− | * | + | *# At the end of draw(), add text() commands that draw all the board (b) variables in their respective locations |
+ | *#* Example: text(b_0_0, 100, 100) | ||
+ | *#* Test your code out at this point by giving some of the board (b) variables starting values of "X" or "O" -- be sure to revert them back to empty strings when done with testing | ||
+ | *# Define mouseReleased() like the X-O clicker assignment. Add/modify the code, so that you detect where the click/release is occurring, and change the appropriate board (b) variable to store the move (turn). Hint: You can use the same if statements or conditionals from the select-a-square lab! | ||
+ | *#* You should be sure to save the appropriate move in the board (b) variables | ||
+ | *#* Every time you release the mouse and draw "X" or "O", the turn should switch | ||
+ | *#* You must not allow a move to occur in a space that already has a move (check the appropriate board (b) variable to make sure the corresponding slot is still empty string) | ||
− | == Thursday ( | + | == Thursday - Monday (10/11/18 - 10/15/18) == |
'''Agenda:''' | '''Agenda:''' | ||
− | * | + | * Read [https://py.processing.org/reference/globals.html 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 [https://py.processing.org/reference/mouseReleased.html 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" | ||
+ | ** Declare/create global variables for each square in the game (e.g. b_0_0, b_0_1) -- you will use these variables to track where moves are made | ||
+ | ** 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 | ||
+ | ** You must not allow a move to occur in a space that already has a move | ||
+ | <!-- | ||
+ | * Introduction to Functions | ||
+ | ** [https://docs.google.com/presentation/d/1W_kTmZH-qLbcFcueUBLw3skRXIDlAxLDdJB-y7AbeWM/edit?usp=sharing Functions slides] | ||
+ | * Complete repl.it assignment titled: "Function definitions & return" | ||
+ | * Processing functions assignment | ||
+ | --> | ||
− | == | + | == Wednesday (10/10/18) == |
− | + | * PSATs | |
− | |||
− | |||
− | |||
− | |||
− | |||
+ | == Friday (10/6/18) == | ||
'''Agenda:''' | '''Agenda:''' | ||
− | * | + | * Introduction to Animation |
− | * | + | ** setup() function |
− | ** | + | ** draw() function |
− | * | + | ** mouseX and mouseY variables |
− | * | + | ** width and height variables |
− | * | + | * Tic-Tac-Toe Select-a-Square |
− | * | + | *# Setup your screen size to be a large square (e.g. 600x600) |
− | * | + | *# Within the draw() function, give the background a color() |
− | *# | + | *# 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) |
− | *# You | + | *# 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 | ||
+ | *# 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 | ||
+ | *# 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 | + | == Wednesday (10/3/18) == |
'''Agenda:''' | '''Agenda:''' | ||
− | * [ | + | * Complete and demo [https://docs.google.com/document/d/1-TyjK48PtO_dgBDLRxKOk8zvOReC_A5196skWzCI0wk/edit?usp=sharing 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 ( | + | == Monday (10/1/18) == |
'''Warmup:''' | '''Warmup:''' | ||
− | * Take the | + | * Take the Conditionals Quiz in Canvas |
'''Agenda:''' | '''Agenda:''' | ||
− | * | + | * Make sure you've completed all assignments (...but how?) |
− | + | * Complete & demo [[Tech Support Flow Chart Assignment]] | |
− | + | * Introduction to Processing - Python Mode | |
− | + | *# Download and install [https://processing.org/download Processing] | |
− | + | *# Install Python Mode (upper right corner) | |
− | + | *# [[Processing Labs]] | |
− | + | *# Complete [https://docs.google.com/document/d/1-TyjK48PtO_dgBDLRxKOk8zvOReC_A5196skWzCI0wk/edit?usp=sharing Introduction: My First Sketch] | |
− | + | * Draw and demo your favorite emoji / logo / cartoon character using Processing | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | * Complete | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | * | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | * | ||
− | |||
− | |||
− | * | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | * [[ | ||
− | |||
− | |||
− | *# | ||
− | |||
− | |||
− | * | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
== Archives == | == Archives == | ||
+ | * [[IBCS1 - 1819 - September]] | ||
* [[IBCS1 - 1718]] | * [[IBCS1 - 1718]] |
Revision as of 16:01, 16 October 2018
Contents
Wednesday (10/17/18)
Agenda:
- text() and textSize() notes
- X-O clicker assignment
- Modify the code of the mouseReleased() so that a text-based X or O is drawn every time the mouse button is released
- Tic-Tac-Toe: Part 2
- At the very top of your code, declare/create a global string variable named turn and initialize it to either "X" or "O"
- At the very top of your code, declare/create global variables for each square in the game (e.g. b_0_0, b_0_1) -- you will use these variables to track where moves are made
- Copy your setup() and draw() from your Tic-Tac-Toe: Select-a-Square
- At the end of draw(), add text() commands that draw all the board (b) variables in their respective locations
- Example: text(b_0_0, 100, 100)
- Test your code out at this point by giving some of the board (b) variables starting values of "X" or "O" -- be sure to revert them back to empty strings when done with testing
- Define mouseReleased() like the X-O clicker assignment. Add/modify the code, so that you detect where the click/release is occurring, and change the appropriate board (b) variable to store the move (turn). Hint: You can use the same if statements or conditionals from the select-a-square lab!
- You should be sure to save the appropriate move in the board (b) variables
- Every time you release the mouse and draw "X" or "O", the turn should switch
- You must not allow a move to occur in a space that already has a move (check the appropriate board (b) variable to make sure the corresponding slot is still empty string)
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"
- Declare/create global variables for each square in the game (e.g. b_0_0, b_0_1) -- you will use these variables to track where moves are made
- 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
- You must not allow a move to occur in a space that already has a move
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
- Setup your screen size to be a large square (e.g. 600x600)
- Within the draw() function, give the background a color()
- 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)
- 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
- 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
- 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
- Download and install Processing
- Install Python Mode (upper right corner)
- Processing Labs
- Complete Introduction: My First Sketch
- Draw and demo your favorite emoji / logo / cartoon character using Processing