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'll learn how to surprise your audience with a sprite.
You will make a sprite appear during your commercial, move across the screen displaying a message, then disappear.
First, add a sprite to your project.
This example will use the dragon, but you can use any sprite you want.
Drag the sprite to the position on the screen where you want it to appear.
From the motion menu, add a "go to" block so the sprite will always start from this spot.
Drag the sprite to the position on the screen where you want it to stop moving.
The values in the “glide” block automatically update to match the sprite’s position.
Place a “glide” block under your “go to” block.
Test your code.
That looks good, but the dragon sprite doesn't fly all the way off screen.
Add a “hide” block after the “glide” block, and a “show” block before it so the sprite can only be seen when it is moving.
Try your code again.
That looks great!
Add a "When I receive" block to the top of the stack, and add a new message name like "surprise."
Test your code again by dragging out a "broadcast" block, setting the message to the one you just added, and watching that code under the "when I receive" block run.
When the message "Surprise" is broadcast, the "when I receive" block runs all the code under it, causing the dragon to appear on the left, then move to the right of the screen.
Remember, you must add the “broadcast” block with your new message somewhere in your commercial for this surprise sprite to appear.
Otherwise, the code under the "when I receive" block will never run.
This example adds the “broadcast” block to the text changing sprite, but you should add it wherever you want to trigger your surprise.
Try clicking the green flag.
Your surprise sprite should appear when the "broadcast" block is run.
Lastly, check out the special sounds included in the stage of this starter project.
Click on the Stage and then click the Sounds tab.
Drag any sound into one of your sprite icons to use it.
For example, drag the "Pew" sound from the stage into the dragon.
Now you can use this new sound when the surprise sprite comes onstage.
One of the great things about events is that they make it possible for multiple stacks of code to be run at the same time.
These code stacks can be in multiple sprites, so you could have lots of sprites come onstage as a surprise, or, multiple stacks of code can be in a single sprite.
With the code you see here, all the code stacks will start running as soon as the "Surprise" message is received, so the sprite flies on screen, plays a sound, says a message, changes color repeatedly, and turns all at the same time.
Now it's your turn.
Add a new sprite to your project.
Add code to make it fly across the screen, and add a "when I receive" event to make the code run.
Remember to add the "broadcast" block with the same message name as the "when I receive" block somewhere in your commercial so that your "when I receive" code stack will be run.
Tinker with all the values until you are happy with the results.