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 the core project, you enabled the character sprite to move around the locations. It even moves straight through trees! In this add-on, you’ll make it impossible for the character to walk through some objects. Click on the character sprite. Program it to move backwards if it touches a color that the obstacle contains. Open the “control” menu, and drag out an “if” block. Then, open the “sensing” menu, and drag a “touching color” block into the condition of the “if” block. Click the colored square, then click on an obstacle to select the color. This example uses the dark green on the outside of the trees.
Then, open the motion menu, and add a “move” block into the “if” block. Change the value to negative 10 so that the sprite will move backwards.
To test this, drag the character on top of the trees, then click the stack. The sprite should move backwards 10 steps. Cool! Make the sprite continuously check whether it needs to move backwards by putting a “forever” block around the “if” block. Then, add a “when flag clicked” block on top. Click the flag to test, and use the keyboard to move the sprite to the trees. Nice! The sprite can’t move into the trees.
To make the sprite react to other obstacles, duplicate the “if” block. Program this code outside the forever loop first, to make it easier to select a color. Click on the new color swatch on the “touching color” block, then select a new color unique to an obstacle, such as the light grey in the house. Test this out by moving the sprite to the house. Cool! Now it can’t move into the house, but it can still go through the door.
You may need to tinker with the color a few times to get this to work.
Since each backdrop contains different colors and obstacles, the color rules that work for one backdrop may not work for another. To make these rules only work on the “town” backdrop, put an “if” block around the “if touching color” blocks. Place an “equals” operator in the condition field. Then, click “looks,” and place a “backdrop name” block on the left. Type “town,” or the name of the backdrop, on the right. Now these color rules only apply when the backdrop name equals “town.”
Use the same method to make the sprite bump into obstacles in the other locations of the RPG. It will take some tinkering and creativity to get this to work. Don’t be afraid to make mistakes! Now, it’s your turn!
Make the sprite move backwards when it bumps into obstacles using the “touching color,” “move,” “if,” and “forever” blocks. Ensure that the color rules work only for a specific backdrop using the “backdrop name,” “equals,” and “if” blocks.
Add as many color rules as you like using the same blocks.