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.
To give your sprites more personality, program them to show different emotions based on the scene.
In this video, you will use blocks from the Looks menu to change your sprite’s appearance.
In Scratch, a sprite’s appearance is called a “costume.”
Click the costumes tab to see the different options.
Click each costume.
The sprite’s appearance changes.
Clicking the sprite’s costume every time you want to change its appearance could get tiring, though.
Luckily, Scratch allows you to automate this process and save time by dragging out a few blocks.
In this example, the code makes Carmen’s facial expressions change when she talks to Molly and reacts to the glitch.
You will program an animation that makes sense for your project.
To start, select a sprite to animate.
Then, click the Scripts tab.
Program your sprite to change costumes using blocks from the “looks” menu.
Click the “switch costume to” block to see what happens.
Carmen changes costume.
This is the block you will use to make your sprite change facial expressions.
Drag out several “switch costume to” blocks from the Looks menu, and snap them together.
Click to test.
The sprite’s expression does not change because all three blocks specify the same costume.
Click the dropdown menus to select more costumes.
This example uses Carmen1, Carmen2, and Carmen3.
Click the block stack to test again.
The costume change happens so fast, you can’t see it.
To fix this, place “wait” blocks from the Control menu between the “switch costume to” blocks.
Next, program the sprite’s costume changes to happen at the right time in your project.
From the “events” menu, drag out a block that runs the code at a specific time.
This example uses a “when backdrop switches to” block.
Attach it to the top of the block stack.
This block runs the code attached to it when the program switches to a specific backdrop.
This example chooses the backdrop “Hallway1” from the dropdown menu.
That way, the sprite’s costume change happens when the program switches to the “Hallway 1” backdrop.
Choose a backdrop from the dropdown menu, then click the green flag to test.
Great, the program works, but the sprite’s costume changes do not match what’s happening in the scene.
To fix this, tinker with the values in the “wait” blocks to make the costume changes happen at the right points in your story.
Click the green flag to test again.
The costume changes match the story.
Animate additional characters by changing their appearances.
To do this, select the sprite, and use “switch costume to” and “wait” blocks.
Now it’s your turn… Select a character to animate.
Review the costumes for that character by clicking the Costumes tab.
Choose several costumes using “switch costume to” blocks.
Add “wait” blocks to sequence your story.
Specify when the code should run by using an Events block Finally, animate additional characters using “switch costume to” and “wait” blocks.