instagram

(Also available in WeScheme)

Students learn that characters' positions in video games can be described using coordinates, then brainstorm the context and characters for the games they will design.

Lesson Goals

Students will be able to:

  • Explain the need for coordinates in a given situation.

  • Estimate coordinates in a bounded area.

Student-Facing Lesson Goals

  • Let’s estimate the positions of objects using coordinates.

  • Let’s collaborate to brainstorm a video game and create a sample mock-up (proof of concept) of our game.

Materials

Preparation

Key Points for the Facilitator

  • The launch activity should create and reinforce the need for coordinates and the importance of attending to precision.

  • Continue to use the same "Estimating Coordinates" page so students can track their pattern of estimation over time.

🔗Navigating a Grid 20 minutes

Overview

Students are asked to come up with a way of identifying location on a grid, which provides the justification for coordinates.

Launch

image{images/1dPosition.png}

coordinate plane labeled (0,0) in the bottom left corner and (640, 480) in the top right corner with NinjaCat positioned slightly left of and below the center of the grid

Computers use numbers to represent a character’s position onscreen, using number lines as rulers to measure the distance from the bottom-left corner of the screen.

If we placed the image of a dog on a screen and drew a number line running from 0 (on the left) to 1000 (on the right), it would look like this.

We could then measure the distance back to the left-hand edge. If we shared that number with anyone else who knows about our number line, they would be able to duplicate the exact position of the Dog.

coordinate plane labeled (0,0) in the bottom left corner and (640, 480) in the top right corner with NinjaCat positioned slightly left of and below the center of the grid

  • What is the coordinate of the Dog, if it’s on the left-hand edge of the screen?

    • The Dog’s coordinate would be zero.

  • What is the coordinate of the Dog, if it’s on the right-hand edge of the screen?

    • The Dog’s coordinate would be 1000.

  • What is the coordinate of the Dog, if it’s in the center of the screen?

    • The Dog’s coordinate would be 500.

  • What coordinate would place the Dog beyond the left-hand edge of the screen?

    • The Dog’s coordinate would be less than zero (negative).

  • What coordinate would place the Dog beyond the right-hand edge of the screen?

    • The Dog’s coordinate would be greater than 1000.

Select a volunteer to leave the room for a moment. Place the printed Dog image somewhere on the number line you’ve drawn on the board, and have the class quietly choose the number that represents the Dog’s location. Remove the Dog and invite the student back into the room. Can they position the Dog at the right place, based on the number chosen by the class?

coordinate plane labeled (0,0) in the bottom left corner and (640, 480) in the top right corner with NinjaCat positioned slightly left of and below the center of the grid

This number line lets us communicate the position of the Dog using a single number! Unfortunately, it only represents the distance from the left-hand edge of the screen. That means the dog could be at any height in the center of the screen, and it would always have the same number to represent its position.

Investigate

A coordinate plane with two axes, and two circles on it, illustrating the distance between two characters in two dimensions

By adding a second number line, we can locate a character anywhere on the screen in either direction.

  • The first line we drew runs from left to right and is called the x-axis.

  • The second line, which runs up and down, is called the y-axis.

A 2-dimensional coordinate consists of both the x- and y-locations on the axes.

A coordinate plane with two axes, and two circles on it, illustrating the distance between two characters in two dimensions Suppose we wanted to locate NinjaCat’s position on the screen. We can find the x-coordinate by dropping a line down from NinjaCat and read the position on the number line, then find the y-coordinate by running a line to the y-axis.

A coordinate pair is always written in the form of (x, y) with the x before the y (just like in the alphabet!).

A coordinate plane with two axes, and two circles on it, illustrating the distance between two characters in two dimensions

The coordinate pair (200, 50), for example, indicates that the x-coordinate is 200 and the y-coordinate is 50.

To develop an intuition for coordinates, complete Estimating Coordinates.

Common Misconceptions

Math-phobic students often fail to realize that common sense and intuition can be helpful in exercises where the answer is a number! The first two prompts in the "Synthesize" section directly get at this misconception, but you may want to pay special attention to those students while they are working.

Synthesize

  • Should any of the characters have x-coordinates that are very similar? How come?

    • Ninja Cat and the cloud have similar x-coordinates. They have the same horizontal position.

  • Should any of the characters have y-coordinates that are very similar? How come?

    • The Ruby and the Dog have similar y-coordinates. They have the same vertical position.

  • How do you think this concept relates to a video game?

    • Answers vary: we need to know where characters are on the screen, we need a way for players to interact with certain parts of the screen, etc.

🔗Bridging to video games 30 minutes

Overview

Students explore a coordinate activity in which a Cartesian point is used to compute the position of a character in a game. From there, they brainstorm a game of their own.

Launch

  • In pairs, explore Ninja Cat (Desmos).

  • What happens when you adjust the first slider in the side panel?

    • Adjusting the first slider changes the horizontal position (x-coordinate) of Ninja Cat.

  • What happens when you adjust the second slider in the side panel?

    • Adjusting the second slider changes the vertical position (y-coordinate) of Ninja Cat.

Investigate

  • Complete Brainstorm Your Own Game and decide on a Player, Target, Danger, and Background for your game!

  • Then, use a Google Draw template (Google) (click "Make a copy" when prompted) to create a sample "screenshot" of your game by inserting images via Google Search.

  • Make sure your Screenshot includes:

    • Labeled estimates of coordinates for each character.

    • 2 characters that have the same x-coordinate.

    • 2 different characters that have the same y-coordinate.

Synthesize

  • When the "Game Over" screen is supposed to be off screen, what coordinates might hide it?

  • What would be the coordinate of the dog before it gets onscreen?

    • The dog would have a negative x-coordinate before getting on screen.

  • Why do we estimate?

    • We estimate to practice number sense and make approximations that we can later refine.

  • What constitutes a good estimate?

    • A good estimate is a rough guess that makes sense given the limited information available to us.

  • How can we improve our estimation skills?

    • Practice! Estimation skills will improve as we get more comfortable with numbers and with making guesses.

These materials were developed partly through support of the National Science Foundation, (awards 1042210, 1535276, 1648684, 1738598, 2031479, and 1501927). CCbadge Bootstrap by the Bootstrap Community is licensed under a Creative Commons 4.0 Unported License. This license does not grant permission to run training or professional development. Offering training or professional development with materials substantially derived from Bootstrap must be approved in writing by a Bootstrap Director. Permissions beyond the scope of this license, such as to run training, may be available by contacting contact@BootstrapWorld.org.