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 transition to a new scene.
In “The Signal,” the glitch takes the characters into a new scene.
Check it out.
[laughing] What? What just happened?
Just needed to fill up.
We'll be back on the road in five.
In your story, your main character will transition to a new scene with a new character.
To start, change the backdrop.
Earlier, you selected the backdrop manually.
This time, the backdrop will change in the middle of your story, so you will use a code block.
Select the last character that spoke in your story.
In this example, that’s Carmen.
Select looks, and drag out a “switch backdrop to” block.
Then, select a backdrop from the dropdown.
Click the flag to try it out.
To try a different backdrop, change it in the dropdown.
The backdrop never changed back to the original one.
To fix this, add a “switch backdrop” block after the “when flag clicked” block.
Try it out.
The backdrop switches at the start and at the end of the scene.
Next, hide your second character, and show a new one.
Add a “hide” block to the end of your second character’s code.
Then, select a new sprite to show when the scene changes.
You may want to drag this sprite toward the top of the sprite list.
Then, select “events,” and drag out a “when backdrop switches to” block.
Select the second backdrop in your scene.
Rather than running the code when the flag is clicked like the other events in your program, this one runs code when the backdrop changes.
Next, add a “show” block.
Click the flag to try it.
Next, hide this character at the start of the story.
Drag out a “when flag clicked” and a “hide” block.
You set up a new scene!
In the next video, you will continue the story in this new scene.
Now it’s your turn!
Switch the backdrop at the start of your story Switch the backdrop at the end of the first scene Hide your second character at the end of the first scene And finally select a new character to show when the backdrop changes, and make it hide when the flag is clicked.