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 learn fun ways to add another sprite to your story. A sprite can express its personality through the way it moves. For example, a funny sprite might hop onto the stage, a cool sprite might drop from the sky, or a heroic sprite might zoom in.
First, add a new sprite. Your starter project contains special sounds you can use to give emotion to your sprite's entrance. To hear those sounds, click on the Stage, click on the sounds tab, and use the play button.
When you find a sound you like, drag it from the list onto your sprite.
Drag out a “play sound” block, and choose the sound you just added.
Next, program the sprite’s movement. Click on the Motion menu. The blocks in the Motion menu update each time you move the sprite on the stage to show the sprite's current X and Y position.
To make your sprite enter at a specific point on the stage, drag the sprite to where it will start its movement. Add a "go to" block. Drag the sprite to the next point it will move to on the stage. Drag out a “Glide” block, and snap it to the “goto” block.
The “Go To” block and the “Glide” block have different X and Y values because each block shows the position the sprite was in when the block was selected from the menu.
Move the sprite again, and add another “Glide” block. Test it out.
That's a very slow move! Change the values in the “glide” blocks to smaller numbers to speed up the sprite’s movement. Add the “play sound” block to the stack.
Repeat these steps to create the entire path of the Sprite's entrance. Move the sprite to the next point, drag out a “Glide” block. Move the sprite to another spot, drag out another “Glide” block. Test your code often to make sure you like how the sprite is moving.
When you have a movement you like, click on the "events" menu and add a “When I receive” block to the top of the stack. Click on the dropdown, choose new message, and name the message. Next, click on the sprite that contains the rest of your story, and add a “broadcast” block to tell the new sprite when it is time to make an entrance. Test it out!
That looks great. If you want your sprite to hide until it is time for its entrance, add a "When flag clicked" event and a “hide” block, then put a “Show” block under the “When I receive” block. Now, the sprite will hide when the project starts, show up when it is time to enter the story, and make an entrance onto the stage.
Your sprite can enter your story in many ways. Code a movement for your sprite that shows its personality, emotional state, or energy level. Explore and play with the types of movement you can create.
Now, it's your turn. Add a sprite to your story. Drag a sound from the stage onto your sprite.
Drag the sprite to different locations on the stage, and use “Go to” and “Glide” blocks to control the sprite's speed and movement onto the stage.