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.
Now that you’ve created a story, it’s time to add a credits screen to give credit to everyone who helped create your story.That might include you, your Guru or host, or any of your neighbors… really anyone! To change backdrops in your story before, you may have added a backdrop, programmed the story to change to that backdrop, then hidden the other sprites in the story. In this step, you’ll learn a shortcut so you don’t have to code all those steps. To start, don’t create a new backdrop. Instead, click “paint new sprite.” Zoom out so you can see the entire paint window.
Credits screens usually have a black background, but you can make yours whatever color you’d like. Select the paint bucket tool and the color you want. Click to use the paint bucket.
Okay, good. Now, you need to create a sprite for the credit text. Click “paint new sprite” again.
Select the text tool and a color that will show up well on your backdrop. Then, write your first piece of credit text.
Play around with the font and color. If you want to change the size, you can do that with the select tool.
Once you have completed one credit, click “paint new costume” again, and create more text.
You can do this as many times as you would like. Once you have all your credits designed, it’s time to program them to appear at the end of the story.
Find the last piece of code in your story. This is where you’ll broadcast to show the credits. Click events, and drag out a “broadcast” block. Create a new message, and call it “credits” Now, click on the backdrop sprite. This sprite needs to hide at the beginning of the story, then show when the credits are broadcast.
To do this, drag out a “when flag clicked” and a “when I receive credits” event.
Then, click looks, and place a “hide” block under the “when flag clicked” event.
Place a “show” block under “when I receive credits.”
Try it out by clicking the green flag, then the broadcast block to broadcast the message “credits”. Okay great, the backdrop sprite now appears.
Click on the text sprite, then drag out “when flag clicked” and “when I receive credits” events again. Then, attach a “hide” block to the flag event and a “show” block to the “credits” event.
Try it out! Test it a few times. What happens?