diff --git a/docs/courses/csintro/coordinates.md b/docs/courses/csintro/coordinates.md index 14694f28..66751bf7 100644 --- a/docs/courses/csintro/coordinates.md +++ b/docs/courses/csintro/coordinates.md @@ -1,11 +1,13 @@ # Coordinate grid and LEDs -This lesson introduces the use of coordinates to store data or the results of mathematical operations. It gives students practice programming for the LEDs of the micro:bit screen using coordinates. And introduces the basic game blocks of MakeCode. +![Sample Heart Simulator](/static/courses/csintro/coordinates/cover.png) + +This lesson introduces the use of coordinates to store data or the results of mathematical operations. It gives students practice programming for the LEDs of the micro:bit screen using coordinates, and introduces the basic game blocks of MakeCode. ## Lesson objectives Students will... -* Understand that the 5 x 5 grid of LEDs on the micro:bit represent a coordinate grid with the origin (0,0) in the top left corner. +* Understand that the 5 x 5 grid of LEDs on the micro:bit represents a coordinate grid with the origin (0,0) in the top left corner. * Understand that the values of the x coordinates range from 0 through four and increase from left to right. * Understand that the values of the y coordinates range from 0 through four and increase from top to bottom. * Learn how to refer to an individual LED by its x & y coordinates. diff --git a/docs/courses/csintro/coordinates/activity.md b/docs/courses/csintro/coordinates/activity.md index b02d7157..5255fdf5 100644 --- a/docs/courses/csintro/coordinates/activity.md +++ b/docs/courses/csintro/coordinates/activity.md @@ -109,7 +109,7 @@ Check the on/off state of an LED * If the LED is currently off, the point x y block will return false. * For this exercise, we’ll use the two Yes/No built in icons to display the LED’s current status. From the Basic Toolbox drawer, drag 2 'show icon' blocks into each of the 'then' and 'else' clauses. Select the check mark for Yes, and the X icon for No. -* For now, we’ll leave the default coordinate values (0,0). But you can challenge your students to add a loop to test for all coordinates on the micro:bit +* For now, we’ll leave the default coordinate values (0,0). But you can challenge your students to add a loop to test for all coordinates on the micro:bit. Here is the complete program: diff --git a/docs/courses/csintro/coordinates/project.md b/docs/courses/csintro/coordinates/project.md index 9af3f7fc..5a8b21f4 100644 --- a/docs/courses/csintro/coordinates/project.md +++ b/docs/courses/csintro/coordinates/project.md @@ -19,6 +19,7 @@ Your project might use variables to store the values of sprites, which are speci ## Project Ideas +![Firework Example](/static/courses/csintro/coordinates/firework.gif) ### Firework screensaver This project uses a for loop with the plot/unplot blocks to create a symmetrical design on the screen. This student used a subtraction operation to get a variable that decreases as the index variable in the loop increases. @@ -40,6 +41,7 @@ basic.forever(() => { }) ``` +![Player Grid Example](/static/courses/csintro/coordinates/cascade.gif) ### Cascade screensaver This example creates a diagonal cascading effect across the screen. Note the use of a variable (speed) to allow you to easily change the speed of the animation by changing just one number value. diff --git a/docs/courses/csintro/coordinates/unplugged.md b/docs/courses/csintro/coordinates/unplugged.md index 7567dcf1..d14063f2 100644 --- a/docs/courses/csintro/coordinates/unplugged.md +++ b/docs/courses/csintro/coordinates/unplugged.md @@ -7,7 +7,8 @@ To help us practice using the correct coordinates for the grid of micro:bit LEDs Have students make their own sets of 5x5 grids to reinforce the layout of the micro:bit grid. Each student should make two grids. One grid is for placing their own ships and keeping track of their opponent’s hits and misses and the other grid is for keeping track of their own hits and misses while trying to determine the location of their opponent’s ships. -  + +![Player Grid Example](/static/courses/csintro/coordinates/player-grid.png) Player’s grid: Mark where your ships are and keep track of your opponent’s hits and misses. ``` @@ -18,6 +19,8 @@ Player’s grid: Mark where your ships are and keep track of your opponent’s h (0,4) (1,4) (2,4) (3,4) (4,4)   ``` + +![Opponent Grid Example](/static/courses/csintro/coordinates/opponent-grid.png) Opponent’s grid: Keep track of your hits and misses while trying to locate your opponent’s ships. ``` diff --git a/docs/static/courses/csintro/coordinates/cascade.gif b/docs/static/courses/csintro/coordinates/cascade.gif new file mode 100644 index 00000000..dea3090e Binary files /dev/null and b/docs/static/courses/csintro/coordinates/cascade.gif differ diff --git a/docs/static/courses/csintro/coordinates/cover.png b/docs/static/courses/csintro/coordinates/cover.png new file mode 100644 index 00000000..24451712 Binary files /dev/null and b/docs/static/courses/csintro/coordinates/cover.png differ diff --git a/docs/static/courses/csintro/coordinates/firework.gif b/docs/static/courses/csintro/coordinates/firework.gif new file mode 100644 index 00000000..1bbf1821 Binary files /dev/null and b/docs/static/courses/csintro/coordinates/firework.gif differ diff --git a/docs/static/courses/csintro/coordinates/opponent-grid.png b/docs/static/courses/csintro/coordinates/opponent-grid.png new file mode 100644 index 00000000..30e7642d Binary files /dev/null and b/docs/static/courses/csintro/coordinates/opponent-grid.png differ diff --git a/docs/static/courses/csintro/coordinates/player-grid.png b/docs/static/courses/csintro/coordinates/player-grid.png new file mode 100644 index 00000000..f135dffb Binary files /dev/null and b/docs/static/courses/csintro/coordinates/player-grid.png differ