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 make your project more like “The Signal” episode, use code to move your characters around the scene.
In this video, you will use “move” blocks to add drama to the story.
To start, select a sprite to move.
Blocks that move sprites are in the motion menu.
Select the motion menu.
To try a block, click it.
Some blocks have values that determine how and where the sprite moves.
For example, “move 10 steps” moves the sprite a short distance.
“Move 100 steps” moves the sprite a longer distance.
Blocks with x and y values move the sprite to a specific location on the stage.
To find the value for a location, move your mouse pointer to it.
The values below the stage are the coordinates for that location.
To make a sprite move to that location, enter those values in a “move” block.
This example uses a “glide” block, but you can use any “move” block you like.
Enter the values, then click the block to try it out.
The sprite moves to the new location.
To add the block to your program, drag it out.
Run it again to test.
The sprite doesn’t move.
The “glide” block moves a sprite to a specific location.
You also need to tell the sprite where to start.
To do this, use a “go to” block.
Move the sprite to where you would like it to start.
The values in the “go to” block automatically update with the sprite’s position.
Attach the “go to” block to the “move” block in your program.
Click the stack to run it.
Add as many movements as you’d like to your character.
Try it out.
If you use a “turn” block in your program, and you want to return your sprite to its original direction, click the “point in direction” block.
Add it to the top of your program.
To make your character’s movements and speech match, program your sprite to wait before moving.
Drag out a “wait” block from the Control menu, and place it after the “go to” block.
To test this block stack in your program, click the green flag then the block stack.
Your character’s movements and speech may not match but that’s okay!
Tinker with the value in the “wait” block until the sprite’s movement works with your story.
Try it out.
In this example, the sprite waits 6 seconds before moving to a new location.
To sequence your character’s movements with the conversation, add a ”when flag clicked” block from the Events menu to the top of your stack.
Try it out.
To add more movements to any character, select the sprite, and drag out blocks from the motion menu.
Now it’s your turn ….. Add “move” blocks for your character.
Set a starting position for the character using a “go to” block.
Add “wait” blocks to sequence your story.
(and finally) Add a “When flag clicked” block to start your code.