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 change the sprites' appearances in the vector graphics editor.
Then, add new costumes to convey different emotions.
To start, customize the sprites in the vector graphics editor.
Change the colors of their clothes or hair, put words on their shirts, or give them arms -- anything you like.
The reshape tool is particularly useful.
This allows you to move the vector points on the sprite to reshape objects.
Use it to easily change the sprite's hair or body.
Once you've changed one costume in a sprite, replicate these changes in the other costumes.
Click between the costumes and make edits until everything matches between them.
Or, copy features between the costumes.
Select the feature, hold the control or command key and press “C,” navigate to the other costume, then hold control or command again, and press “V.”
If you have made a lot of changes to the costume, you could duplicate the entire costume, then change just the eyes.
In the new costume, delete the current eyes or eyelids.
Copy the eyes or the eyelids from the other costume.
This example changes the open costume, so it copies the eyelids from the closed costume.
Delete the costume that no longer matches, and rename your new costume to match the name of the one you deleted -- in this case, closed.
While building your story, you may find that the emotions available in the starter project are not enough for you!
Next, make your own costumes to help your characters express more emotions.
Click on the sprite you want to change.
This example uses “Isabel talk.”
Copy a costume by right clicking on it, then selecting duplicate.
Name the costume at the top.
This example is going to be a silly face, so it is called “silly.”
Add your own shapes using the “ellipse,” “rectangle,” and “line” tools, and reshape them.
This example turns an ellipse into a tongue.
If you don’t like something you’ve done, press the “undo” button.
If you change your mind again and decide you like it, there’s a “redo” button as well.
Use the “select” tool to move or resize a full piece of the object.
Place parts of the drawing in front of or behind others using the “move forward one layer” and the “move back one layer” buttons.
After you customize your design, come back to this page to create more add-ons.
To use the new costume in your project, click the scripts tab.
Type the name of the new costume in the emotion parameter for the appropriate part of your story.
This example uses the silly costume at the very end of the story.
Click the flag to test.
The new costume shows at the end.
Now, it's your turn.
Change the design of the sprites in the vector graphics editor.
Replicate these changes in the sprites' other costumes, so that the open and closed costume for each sprite match.
Create new costumes for the talk sprites to show different emotions.