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’ll add a sunrise or sunset to your story.
To start, click on the stage.
If you decide to change your backdrop, note that this add-on works best on backdrops that appear to be outside, like the boardwalk or the city.
Next, drag out a “change color effect” block.
Select “brightness” from the dropdown menu.
If you click on the block, the stage gets brighter.
To make the stage continuously get brighter, drag out a “repeat” loop.
To make the stage get brighter gradually, like a real-life sunrise, tinker with the values in the “change effect” block and the “repeat” loop.
A larger number in the repeat loop and a smaller number in the “change effect” block slows down the effect, while a smaller number in the repeat loop and a larger number in the “change effect” speeds it up.
This example uses 0.5 in the “change effect” block.
To make the stage go from night to day, add a “set brightness effect” block and a “when flag clicked” block to the top of this code stack.
Try out different values in the “set brightness effect” block so that your stage won’t be too dark, but it will still look like nighttime.
Using a positive number in this block makes the stage brighter.
Try using a negative number to get your desired effect.
This example uses negative 80.
Test your code, and make sure the loop repeats changing the brightness effect enough times.
This example uses 150 in the “repeat” loop.
You created a sunrise!
To make the stage appear to have a sunset, change the value in the “set brightness effect” block to a positive number so that the stage starts off bright, like the daytime.
Then, change the value in the “change brightness effect” block to a negative number, like negative 0.5, so that the stage gets darker, like the sun is setting.
Tinker with the values in these blocks to adjust the brightness of the stage and the speed of the sunset.
It’s up to you!
Feel free to add a “wait” block before the “repeat” loop so the sunrise or sunset effect doesn’t happen so quickly.
Now, it’s your turn.
Code the stage to have a sunrise or sunset effect using a “when flag clicked” event, a “repeat” loop, a “set effect” block and a “change effect” block.