Skip to content
Transcript

(cheerful music)

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

In this collaboration between CS First and Cartoon Network, you're gonna animate a 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.

(playful music)

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.

Uh, step two isn't hat.

And for the record, step one is pants.

What do you think?

Nah, I think it's a bit -- (glitch crackles)

You're right, too desperate for attention.

How about this?

Yeah, that one makes you look kind of -- (glitch crackles)

Yeah, I get it.

Too thinkin' it's cool, but lonely at school.

What just happened?

How about this?

Yeah, that one makes you look -- (glitch crackles)

Yeah, too Canadian.

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

I --- (glitch crackles continuously)

Don't spare my feelings, just tell me!

(glitching crackle)

(humming) (squishing)

(computer buzzing noise)

(Darwin groans)

I like it!

As you saw, the glitch effects communication between both 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 both programming and computer science.

Computer science uses computers to make projects, also 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's 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 all the time, 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 wil use loops to create a glitch that effects 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 up a project that contains the Amazing World of Gumball's characters.

To save your project to your account, click Sign In.

And Remix.

If you don't have a Scratch account, pause the video now and ask your teacher if you should create one.

If you don't have an account, that's okay.

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

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

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.
Attributions
  • "problem-860227_960_720" by succo (https://pixabay.com/en/problem-question-solution-response-860227/) -- Licensed by CC0 Public Domain (https://creativecommons.org/publicdomain/zero/1.0/)
  • "problem-860227_960_720" by succo (https://pixabay.com/en/problem-question-solution-response-860227/) -- Licensed by CC0 Public Domain (https://creativecommons.org/publicdomain/zero/1.0/)
  • "problem-860227_960_720" by succo (https://pixabay.com/en/problem-question-solution-response-860227/) -- Licensed by CC0 Public Domain (https://creativecommons.org/publicdomain/zero/1.0/)
  • "problem-860227_960_720" by succo (https://pixabay.com/en/problem-question-solution-response-860227/) -- Licensed by CC0 Public Domain (https://creativecommons.org/publicdomain/zero/1.0/)
  • "Cartoon Network 2010 logo" by Time Warner (https://commons.wikimedia.org/wiki/File:Cartoon_Network_2010_logo.svg) -- Licensed by CC0 Public Domain (https://creativecommons.org/publicdomain/zero/1.0/)
  • "gumball_gumball_174x252" by Cartoon Network (https://www.cartoonnetwork.com/shows/gumball/characters/index.html) -- Licensed by CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0/)
  • "Time (in description)" by Hababoon (https://www.sketchport.com/drawing/4632820043481088/time-in-description) -- Licensed by CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/)
  • "gumball_darwin_174x252" by Cartoon Network (https://www.cartoonnetwork.com/shows/gumball/characters/index.html) -- Licensed by CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0/)
  • "Gumball | The Signal | Cartoon Network" by The Amazing World of Gumball (https://www.youtube.com/watch?v=CftA5oEXetE&t=0s&index=92&list=PL77ED97B132C66551) -- Licensed by Standard Youtube License (https://www.youtube.com/static?template=terms)