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.
In this video, you will program the android to tell a story using the different costumes available in the starter project you chose.
Click on the costumes tab to check out the different actions for your android.
There are multiple costumes named and grouped by the action you will animate.
This example shows the android feeling happy, playing basketball, and falling asleep.
You will use three actions to create an animated story.
First, decide how your story will start.
Perhaps the android will say something to the audience or perform some action.
To make your android greet the audience, add a “when flag clicked” event and a “say” block, then type an opening message.
In the example story, the android will say “hi”!
Next, code the first animated action.
An action is made up of several costume changes that are slightly different from each other.
When the costume changes quickly, it creates the illusion of movement.
The costumes have numbers at the end of their names, showing the order in which they should switch.
In this example starter project, the Android has 10 costumes that create the “Happy” action, 8 costumes that create the “basketball” action, and 9 costumes that create the “falling asleep” action.
The starter project you chose might have different actions, but the concept will be the same.
To code the first animation for your android, drag out a “switch costume” block.
Choose a costume that has a 1 at the end of the name.
This example starts with the “happy1” costume.
Next, add a “repeat” loop, a “next costume” block, and a “wait” block.
Tinker with the value inside the “wait” block so the costumes switch quickly and there are no long pauses between each frame of the animation.
This example uses 0.2.
Drag this code stack under the first “say” block.
Test your code.
When the flag is clicked, the android says “Hi!” and goes through the happy animation.
Looks like there’s a bug.
The android goes to the next animation with the basketball.
To fix this, look at the costumes in the “switch costume” block.
There are 10 happy costumes.
The “switch costume” block starts on costume 1.
The sprite needs to change costumes 9 times to end on costume 10.
Change the number in the repeat loop to the total number of costumes minus 1.
Test it and make sure that only one action animates.
Add more “say” blocks to continue developing your story.
Now, it’s your turn.
Add at least one “say” block to make the android say something to the audience.
Then, code your first animated action using the “switch costume” block, “repeat” loop, “next costume” block, and the “wait” block.
Remember, your repeat loop may contain a different number than the one shown in this example.