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 add-on, you will program confetti, snow, leaves, hearts, or stars to create a fun atmosphere for your animation.
You might use confetti to celebrate a birthday, snow for wintertime, leaves for autumn, hearts for Valentine's day, or stars for another special day.
To start, program the "confetti" sprite to create clones when the flag is clicked.
Then, add a "when flag clicked" block, a forever loop, then a "create clone," and "wait" block.
If you'd like, make the falling sprite appear semi-transparent.
Add a "set effect" block.
Select "ghost" from the dropdown, and type in 50.
Next, program the clone to start at a random spot at the top of the stage.
Add a "when I start as clone" block, a “show” block, and a "go to xy" block.
The top of the stage is y equals 180, so set y equal to 180.
Set the x to a random value by adding a "pick random" block.
Type in -240 to 240 in the values.
Click this block stack to test.
Next, program the clones to glide to a random point near the bottom of the stage, then delete.
Add a "glide" block and put "pick random" blocks in the x and y values.
In the x side, type in -240 and 240, which are the edges of the stage.
In the y side, type in negative 100 and negative 180.
Negative 180 is the bottom of the stage.
At the bottom of the code stack, add a "delete this clone" block.
Click the “when flag clicked” block stack to test.
This moves really fast.
Put a larger number in the “glide” block to make the sprite glide for longer.
This example uses 6 seconds.
Click the flag to test again.
Okay, this looks better, but it’s not very exciting.
It would be more fun if the falling sprite changed colors.
Add a "set effect" block under the "go to" block.
Add a "pick random" block, and type in 0 and 200.
Click the flag to test again.
Much better, but it might look more interesting if the clones were different sizes.
Add a "set size" block.
Add another "pick random" block, and choose a size range.
This example uses 50% to 125%.
Next, program the falling sprite to turn as it falls.
Add a "when I start as a clone" block and a forever loop.
Inside the loop, add a "turn" block.
Add a "pick random" block, and type values into it.
This example uses 0 and 180.
Click to test.
That looks a little crazy.
To fix this, add a "wait" block under the "turn" block, and adjust the value.
This example uses 0.1 seconds.
Click to test again.
Finally, you might have noticed the original falling object sprite is not moving -- only the clones are.
To fix this, add a "hide" block under the "when flag clicked" block.
Click the flag to test.
Now, the clones show but the sprite itself is hidden.
This effect really makes your animation feel more fun and playful.
Now, it's your turn.
Program the falling sprite to forever create clones of itself, and set its ghost effect.
Make the sprite start at a random point at the top of the stage, then fall to a random point near the bottom of the stage.
Program the sprite to set to a random color and size.
Program the sprite to continuously turn in a random direction as it falls.