The Canvas Grid
Corner Coordinates
Drawing Circles
Syntax Police
Intro to Code
100

This coordinate variable controls how far to the left or right an object is drawn on the canvas.

What is X?

100

These are the numerical coordinates for the top-left corner of the canvas.

What is (0, 0)?

100

In CMU CS Academy, this is the exact function name used to draw a round shape on the screen.

What is Circle?

100

Missing one of these matching symbols around your numbers will cause an immediate "missing closing pair" error.

What are parentheses?

100

This is the name of the online academy and curriculum your class is using to learn programming.

What is CMU CS Academy?

200

Unlike a standard math graph, as this coordinate increases, an object moves further down the screen.

What is Y?

200

These are the numerical coordinates for the bottom-left corner of a 400 by 400 canvas.

What is (0, 400)?

200

A circle command requires at least three numbers inside its parentheses: the X center, the Y center, and this size measurement.

What is the radius?

200

Writing circle(200, 200, 50) instead of Circle(200, 200, 50) will fail due to an error in this capitalization rule.

What is Case-Sensitivity?

200

The strict rules of spelling, punctuation, and grammar that a computer language requires are known by this 6-letter term.

What is syntax?

300

If you change a shape's X-coordinate from 100 to 300, it moves in this horizontal direction.

What is right?

300

These are the numerical coordinates for the top-right corner of the canvas.

What is (400, 0)?

300

If you want a circle to have a total width (diameter) of 100 pixels, this is the number you should enter for its radius argument.

What is 50?

300

This punctuation mark is missing between the first two numbers in the command: Circle(200 200, 50).

What is a comma?

300

When you type a piece of code that the computer doesn't understand, the program stops running and displays this frustrating message to tell you something is broken.

What is an error or bug?

400

This exact coordinate pair sits right in the dead center of your 400 by 400 canvas.

What is (200, 200)?

400

If an object is placed at (400, 400), it is located at this specific corner.

What is the bottom-right corner?

400

If you draw Circle(200, 0, 50), only half of the circle will be visible because its center is located on this edge of the canvas.

What is the top edge?

400

When typing a color name like 'red', forgetting these matching punctuation marks will cause a string error.

What are apostrophes (or single quotes)?

400

The total number of individual tiny grid dots (pixels) that make up the area of our square canvas.

What is 160000? (Accept "400 by 400")

500

To move an object diagonally from the top-left toward the bottom-right, you must do this to both the X and Y coordinates.

What is increase them?

500

If you start at the top-right corner and move 100 pixels straight down, your new coordinates are this.

What is (400, 100)?




500

This is the exact line of code needed to draw a circle with a radius of 30 perfectly centered in the bottom-left corner of the canvas.

What is Circle(0, 400, 30)

500

This common 6-letter word for the digital sheet we draw everything on.

What is canvas?

500

When a computer runs your code line-by-line from top to bottom, it is executing the program in this specific type of order.

What is sequential order?