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 to Animation

Transcript

Hello, and welcome to Day 2 of CS First Art! Today, you will learn about animation, a popular type of art. Then, you’ll animate a character to make it dance!

You will also learn an important computer science concept: loops. A loop is a set of instructions or actions that gets repeated over and over. Take a look at how loops are used to create animations. This video shows a flipbook, a simple type of animation. The artist drew one picture on each page of the flipbook, each with a small change, then flipped through the pages to make the character look like it was moving.

He repeated the same action, flipping the page, over and over, which is what a loop will do in your animation.

This way of creating an animation is called “traditional animation,” and is how many animated movies such as The Little Mermaid, Beauty and the Beast, Cinderella, and The Lion King were made. Another way of creating animations is called “stop motion.” In stop motion, the artist makes inanimate objects such as Legos, clay, or action figures, look like they’re moving. They do this by taking a photo of the object, moving the object a little bit, taking another photo, moving it a little bit, taking another photo… and doing this over and over again. When these photos are looped to play quickly, it looks like the object is moving. In this example, it looks like these figures are dancing, but it is really a series of pictures played really quickly!

Some movies created using stop motion include Wallace & Gromit, Chicken Run, and The Nightmare Before Before Christmas.

Stop motion animations are created using a loop. The artist repeats the actions “take a picture, move the object” over and over again.

Today, you’re going to animate a dance using loops. Take a look at this example project, in which a penguin dances forever.

This animation is made up of many different pictures, each of which is a little bit different from the one before it. A loop is used to switch between these pictures over and over again, creating the illusion of movement. In this video, you’ll learn how to sign into Scratch and remix a starter project. Watch the video to learn what to do, then try it on your own.

To start, choose a character to animate: a penguin, a crab, a ghost, or a character named Gobo. Once you’ve chosen one, click that link to open the starter project. This example will select the penguin starter project, but you can choose any one you like.

Then, click the “remix” button in the upper right. Enter in your sign in information from your CS First club passport, and click “sign in.” You have now created a copy of the starter project to work with!

Now, it’s your turn!

Choose a starter project to remix, then click on its link next to the video to open it.

Click "Remix." Sign in to Scratch using the information on your CS First club passport.

After you finish these three steps, switch back to this CS First tab and click the green arrow to move on to the next video where you’ll begin animating the character you selected.

Next arrow_forward
Instructions
  1. Choose a starter project to remix, then click on its link next to the video to open it.
  2. Remix the starter project.
  3. Sign in to Scratch using the information in your CS First passport.