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 make the characters' faces even more expressive.
To start, copy the sprites' eyebrows into new sprites.
Click “paint new sprite,” and name it Malik brows.
Convert to vector mode to enable the current brows, which are vector graphics, to copy over.
Select the Malik sprite, click just outside of the face near the eyebrows, and create a selection box around the eyebrows.
To copy this, hold control or command and press C. To paste them into the new sprite, select this sprite, then hold control or command and press V. Move the brows on the stage to the correct spot.
Select the Malik sprite, and delete the original eyebrows in both the open and closed costumes.
The current eyebrows don't convey a specific emotion -- they're how eyebrows look most of the time.
Click the costumes tab, and name this costume "neutral."
Next, create different expressions for the eyebrows.
There are six different emotions in the talk sprites -- happy, sad, disgusted, surprised, angry, and neutral.
The sprite will switch to these costumes based on the emotion set in the “speak” block.
To make the eyebrows look surprised, duplicate this costume, and move the eyebrows up.
Make the inner corners of the eyebrows tilt slightly up.
Change the costume name to "surprised."
To make angry eyebrows, duplicate the neutral costume again, and call the copy of the costume "angry."
Then, make the inner corners of the eyebrows point down, and raise up the outer corners.
These are some angry eyebrows.
Make disgusted eyebrows by duplicating the angry costume and making whatever slight adjustments you think are necessary.
To make sad eyebrows, duplicate the neutral costume, name the costume, and raise the inner corners of the eyebrows using the reshape tool.
Finally, duplicate the neutral costume one last time to make happy eyebrows.
Make slight adjustments.
This was a lot of work, but luckily you don't have to repeat it for the Isabel sprite!
Duplicate the Malik brows sprite, and rename it Isabel brows.
Delete the brows from the Isabel sprite, and move these new brows to the correct location.
Next, program Malik's eyebrows to change costumes based on the emotion parameter in the Malik costume.
To make this happen, select the Malik talk sprite, then create a variable.
Call the variable "Malik's emotion.”
Add a "set variable" block below the “broadcast Malik talking” block, and select “Malik's emotion” from the dropdown menu.
Set it equal to the emotion parameter from the talk function.
Program the Malik brows to change costumes when it receives the message that Malik is talking.
Select the Malik brows sprite, and add a "when I receive" block.
Select the "Malik talking" message.
Add a "switch costume" block, and place a "Malik's emotion" variable inside it.
Click the flag to test.
Malik's eyebrows change with the sprite's emotions.
Repeat this process for Isabel.
Select the “Isabel talk” sprite, and create a variable called “Isabel's emotions”.
Add a “set variable” block below the "broadcast" block.
Select "Isabel's emotion" from the dropdown, and drag in the "emotion" parameter from the define block.
To program the Isabel brows sprite to change costumes when it receives the message that Isabel is talking, select the sprite, and add a "when I receive" block.
Select "Isabel talking" from the dropdown menu.
Add a "switch costume" block, and place an "Isabel's emotion" variable inside it.
Click the flag to test.
Nice, now both characters' eyebrows change to express their emotions.
Now, it's your turn.
Copy the eyebrows from the Malik sprite into a new sprite, and delete the original eyebrows.
Create new eyebrow costumes to reflect different emotions.
Duplicate the eyebrows sprite to create new eyebrows for Isabel.
Create a variable for Malik's emotion, and set this variable equal to the emotion parameter from the “define speak” block.
Program the “Malik brows” sprite to change costumes to reflect the sprite's emotions each time the sprite talks.
Repeat this process for the Isabel sprite.