In Storytelling, students use computer science to tell fun and interactive stories. Storytelling emphasizes creativity by encouraging club members to tell a unique story each day.
In Friends, students are encouraged to sign up with a friend or make a new friend in the club. Friends emphasizes teamwork by allowing club members to tell the story of how their friendship started and imagine a company together.
In Fashion & Design, students learn how computer science and technology are used in the fashion industry while building fashion-themed programs, like a fashion walk, a stylist tool, and a pattern maker.
In Art, students create animations, interactive artwork, photograph filters, and other exciting, artistic projects.
In Social Media, students create fun social media style applications and games while learning about the computer science concepts that enable these programs to work.
In Sports, students use computer science to simulate extreme sports, make their own fitness gadget commercial, and create commentary for a big sporting event.
In Music & Sound, students use the computer to play musical notes, create a music video, and build an interactive music display while learning how programming is used to create music.
In Game Design, students learn basic video game coding concepts by making different types of games, including racing, platform, launching, and more!
Students create fun and complex animated projects. This is an advanced curriculum, which means it teaches new concepts that are recommended for students who have already participated in at least two other CS First themes.
In this sample activity students animate an ocean wave to create a setting, then tell a story that takes place on the high seas.
In this sample activity students tell a story using the characters from Cartoon Network’s "The Amazing World of Gumball."
Be a designer and programmer – bring the Google logo to life using code.
Doodles often animate letters to make them move.
In this video, you will animate a sprite to make it look like it’s bouncing.
To do this, you will program it to move up and down repeatedly.
To start, select a sprite to program.
This example uses the “G,” but use any sprite you'd like.
Next, program the sprite to move up.
Select the “Motion” menu.
Click, hold, and drag out a “change y by” block.
Click the block to see what it does.
Each click moves the letter up.
Next, program the sprite to move down.
Drag out another “change y by” block.
Change the value to negative 10.
Click the block.
Each click moves the sprite down.
If you click these blocks repeatedly, the sprite looks like it is bouncing.
Next, program the computer to run these blocks in order.
Attach the blocks, and click to run.
The computer runs these blocks so quickly, you can’t see the sprite move.
To fix this, program the computer to “wait” between actions.
Select the “Control” menu, and add a “wait” block between the two “change y by” blocks.
Click to try it out.
The letter bounces once.
Next, program the computer to repeat this action.
Select the “Control” menu.
Click, hold, and drag out a “repeat” block.
Place it around the block stack, and click to run.
The sprite bounces, but not so smoothly.
Add a “wait” block after the “change y by negative 10” block to make the sprite wait between moving up and moving down.
To change how the sprite bounces, tinker with the values in these code blocks.
For example, to make the sprite bounce faster, change the value in the “wait” block to a smaller number.
To make it to bounce higher, change the values in the “change y by” blocks.
To make it to bounce more, change the value in the “repeat” block.
Add an event to tell the computer when to run this code.
This example uses a “when this sprite clicked” block, but you can use any event you like for your project.
You could run this code when you press a key, for example, or click the flag.
To copy this code to other sprites, click, drag, and drop the code on another sprite.
Click the sprite to check that it copied correctly, and run the code.
Copy this code to as many sprites as you like.
Now it’s your turn: Select a sprite to program.
Add “change y by 10,” “wait,” and “change y by negative 10” blocks.
Add a “repeat” block around this stack.
Add an event, like “when this sprite clicked.”
Copy this code to as many sprites as you’d like.
Once you finish these steps, return to this page to select another video.