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 animate the character's mouth to move while it talks.
This example will use Giga.
To start, the character needs two costumes -- one with a closed mouth and one with an open mouth.
If your character does not have an open mouth costume, duplicate a costume, and draw an open mouth.
This example uses the ellipse shape and the reshape tool to create a mouth.
Next, program the sprite to repeatedly switch costumes to look like it's talking.
Add a "repeat" loop, and place two "switch costume" blocks inside it.
Select the costume with the open mouth in the first dropdown menu and the one with the closed mouth in the other.
Place "wait" blocks under each “switch costume” block, and type in 0.1.
Click the block stack to test.
The sprite's mouth repeatedly opens and closes, like it's talking.
Broadcast a message to tell the sprite to move its mouth.
Add a "broadcast" block above the first "say" block, and name the message "talk."
Add a "when I receive" block above the "repeat" loop, and make sure the "talk" message is selected.
Click the flag to test.
The mouth moves, but not for exactly the right amount of time.
You could add a "broadcast" block before each "say" block to make the mouth move for the entire time the sprite talks.
But, this would repeat a lot of code.
To save time, create a function.
Make a block and name the block "talk."
Click the options dropdown, and select "add string input."
Name the string input "sentence," and click OK.
Program the "talk" block to move the character's mouth and say a sentence each time it is called.
Under the define block, move the "broadcast" block that is currently above the "say" block.
Under this, add another "say" block, and drag the "sentence" parameter into it.
Next, call the "talk" block.
The talk blocks will replace the "say" blocks.
Add the text from each "say" block into a "talk" block.
Then, delete the "say" blocks.
Click the "when I receive" block stack to test.
If the mouth keeps moving after the dialogue ends or stops moving too soon, adjust the number in the repeat value.
This example uses a value of 8.
If you would like, add more "talk" blocks to make a longer message.
Now, it's your turn.
Make sure the sprite has costumes with an open mouth and a closed mouth.
Animate the character by repeatedly switching costumes.
Broadcast a message to move the character's mouth.
Define a talk function.
Replace the "say" blocks with "talk" blocks.