Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more

1. Introduction

  • 1. Introduction
  • 2. Foreshadow the Glitch with Dialogue
  • 3. The Glitch and a Response
  • 4. Create a New Scene
  • 5. Reuse the Glitch
  • 6. Conclude the Story
  • 7. Wrap-up: The Amazing World of Gumball
  • 8. Wrap-up: Share Your Project
  • 9. Wrap-up: Show Your Project
Next arrow_forward
Transcript

Welcome.

I’m KaMar, a computer scientist and program manager at Google.

In this collaboration between CS First and Cartoon Network, you will create an animated story based on The Amazing World of Gumball TV series.

The series tells the story of 12-year-old Gumball Watterson and his brother Darwin.

You will create your own version of an episode called “The Signal,” in which the characters experience a “Glitch.”

Check out a clip from that episode.

You're what?

Just trying on hats.

I feel like my look is... missing a little something.

Dude, Your look is missing everything except shoes.

Exactly!

Step one: shoes.

Step two: hat.

Uhh, step two isn't hat.

And for the record step one is pants.

What do you think?

Nah, I think it's a bit...

You're right-- too desperate for attention.

Woo, how about this?

Yah, that one make you look kind of...

Yah, I get it-- too thinking it's cool, but lonely at school.

What just happened?

How about this?

Yah, that one makes you look...

Yah, too Canadian.

I really like this one, but do you think it makes me look like I have a fat head?

I...

Don't spare my feelings.

Just tell me.

Fine!

I like it!

As you saw, the “glitch” affects communication between Gumball and Darwin.

They spend the rest of the episode trying to figure out what’s causing it.

In the story, the students of Elmore Middle School will struggle to communicate about a glitch.

To create your story, you will use programming and computer science.

Computer science uses computers to make projects called programs.

These programs help people solve problems, do work, entertain others, and save time.

Computer science is a subject you can study in school, and it is also a career.

When computer scientists write instructions in a programming language, it is called coding.

In this activity, you will learn concepts computer scientists use to code, like sequencing and loops.

Computers run code in a sequence, or order.

It is up to you to decide the sequence in which your code will run to tell your story.

Many computer programs run parts of the code more than once.

To repeat code, computer scientists use “loops.”

You will use loops to create a “glitch” that affects the characters in your story.

You will watch videos on the CS First website to learn how to tell your story using code.

Then, you will switch tabs to follow the steps described in the video on your own.

After you complete the steps, you will return to this tab to watch the next video.

You might find it easier to pause the video, complete a step in the other tab, then return to the video.

To start, click the link next to this video to open a project that contains The Amazing World of Gumball’s characters.

To save your project to your account, click remix, and sign in.

If you do not have a Scratch account, pause this video and ask your teacher if you should create one.

If you do not have an account, that’s okay.

Next, return to this tab, and click the arrow to move on to the next video.

The next video will describe how to start your story with dialogue.

Now it’s your turn: Click the starter project link next to this video.

Click “remix,” and sign in to save the project to your account.

Then, return to this page, and click the “next” arrow to watch the next video.

Instructions
In this collaboration between CS First and Cartoon Network, you will create an animated story based on The Amazing World of Gumball TV series.
  1. Click the starter project link next to this video.
  2. Click "remix," and sign in to save the project to your account.
  3. Return to this page, and click the "next" arrow to watch the next video.