Beep boop. Are you on a mobile device?

codeCampus is a desktop / tablet experience. Log back in on one of those devices and we can get coding!

Get the bestselling book on coding!

Students: do this first!
  1. Click on the " + " to create a new project.
Overview

In this project, we are going to create a comparison quiz. We will show two numbers, and the three comparison symbols (>, <, =) in the middle. When we tap the correct symbol, we will be asked another question.

Step 1: Delete the cat.

  1. Tap and hold on the cat on the left side of the screen.
  2. Tap the red x that appears.

Step 2: Create the ">" Sprite.

  1. Tap on the blue plus sign on the left side of the screen.
  2. Tap on the paintbrush on the upper right side of the screen.
  3. Choose the squiggly line in the top left. Then, choose a thicker line in the bottom left.
  4. Choose the color purple.
  5. Draw with your finger or mouse.
  6. Draw the ">" sign.
  7. Click the checkmark when you are done.
  8. Move the ">" to the correct location.

Step 3: Create the "<" Sprite.

  1. Tap on the blue plus sign on the left side of the screen.
  2. Tap on the paintbrush on the upper right side of the screen.
  3. Choose the color purple.
  4. Draw with your finger or mouse.
  5. Draw the "<" sign.
  6. Click the checkmark when you are done.
  7. Move the "<" to the correct location.

Step 4: Create the "=" Sprite.

  1. Tap on the blue plus sign on the left side of the screen.
  2. Tap on the paintbrush on the upper right side of the screen.
  3. Choose the color purple.
  4. Draw with your finger or mouse.
  5. Draw the "=" sign.
  6. Click the checkmark when you are done.
  7. Move the "=" to the correct location.

Step 5: Create the first number.

  1. Tap on the ABC button at the top of the screen.
  2. Type in 346 and drag it to the left side of the screen.

Step 6: Create the second number.

  1. Tap on the ABC button at the top of the screen.
  2. Type in 364 and drag it to the right side of the screen.

Step 7: Find the "Start on Tap" block.

  1. Make sure you have the "<" sprite selected.
  2. Tap on the Yellow tab.
  3. Bring out a "Start on tap" block.
  4. This block tells the sprite where to start its code.

Step 8: Find the "Hop" block.

  1. Tap on the blue Motion tab.
  2. Bring out a "Hop" block.
  3. Attach it to the "Start on Tap" block.

Recap: "Hop".

  1. This block makes our sprite hop one time. We can make our sprite hop more by connecting more "hop" blocks together.

Test Your Work!

  1. Tap on the "<" sprite to make sure it works!

Step 9: Create a new page.

  1. Tap on the blue "+" on the right side of the screen to Create a new page.
  2. A page is like a blank piece of paper in the same project. We can add totally new sprites, backdrops, and code.
  3. We can always go back to another page, too.

Step 10: Delete the cat.

  1. Tap and hold on the cat on the left side of the screen.
  2. Tap the red x that appears.

Step 11: Create a ">" sprite.

  1. Tap on the blue "+" on the left side of the screen.
  2. Find the ">" sprite and tap on it!
  3. Move the ">" to the correct location.

Step 12: Create a "<" sprite.

  1. Tap on the blue "+" on the left side of the screen.
  2. Find the "<" sprite and tap on it!
  3. Move the "<" to the correct location.

Step 13: Create a "=" sprite.

  1. Tap on the blue "+" on the left side of the screen.
  2. Find the "=" sprite and tap on it!
  3. Move the "=" to the correct location.

Step 14: Create the first number.

  1. Tap on the ABC button at the top of the screen.
  2. Type in 981 and drag it to the left of the "<" sign.

Step 15: Create the second number.

  1. Tap on the ABC button at the top of the screen.
  2. Type in 969 and drag it to the right of the "<" sign.

Step 16: Find the "Start on Tap" block.

  1. Make sure you have the ">" sprite selected.
  2. Tap on the Yellow tab.
  3. Bring out a "Start on tap" block.
  4. This block tells the sprite where to start its code.

Step 17: Find the "Hop" block.

  1. Tap on the blue Motion tab.
  2. Bring out a "Hop" block.
  3. Attach it to the "Start on Tap" block.

Step 18: Find the "Go to page" block.

  1. Next, select the first stage we worked on.
  2. Tap on the red End tab.
  3. Bring out a "Go to page" block.
  4. Attach it to the "hop" block.

Recap: Go to Page

The "Go to Page" block is a way for us to go to a different page using our code. This block has a number in the corner, which is the page that it will send us to.

So, if you had 3 pages in your project, this block would send us to the 2nd page.

Recap!

  1. We're done!
  2. Try tapping the correct comparison in each page to see what happens.
  3. Does the project send you between the two pages when you tap the correct comparison?
  4. How do you think you could create more pages with more comparison questions?

Discussion

  1. What does the Start on Tap block do?
  2. What is a page?
  3. What does the red "go to page" block do?

Unleash the power of Scratch 3!


Become a coding super-genius and create incredible projects with Scratch 3 - the newest version of the most powerful coding language for kids!

This beautifully illustrated, hilariously written, and delightfully engaging step-by-step guide is designed for kids (ages 8+) to learn the fundamentals of coding and apply them to amazingly innovative projects. Readers will learn to use the incredible new features of Scratch 3 to build projects that not only teach them to code, but also inspire them to pursue today's most exciting frontiers of technology:

  • Artificial Intelligence
  • Video Game Bots
  • Machine Learning
  • Augmented Reality
  • Multiplayer Computer Games