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 will point out your favorite parts of the model’s outfit and showcase some cool effects that will make it stand out.
To get started, choose a costume. Click the “lens” sprite, and select the “costumes” tab. Choose the costume you like best, or click “paint new costume” to draw your own. This example uses the “heart” costume but you can use any costume.
To show the costume, click the “scripts” tab, and drag out a “switch costume” block from the “looks” menu. Select the costume from the dropdown menu.
Next, animate the costume in the program. Drag out “change x by” and “change y by” blocks from the motion menu, and snap them together. Click to test them. The heart moves up and to the right! To move the costume in different directions, drag out 2 “pick random” blocks from the “operators” menu, and place them inside the “change by” blocks. Change the *values* in the first blanks to negative 10. When the block stack is clicked, the heart moves all around. Add a “repeat” loop and a “wait’ block to automatically animate the effect. Tinker with the value in the "wait" block.
This example uses 0.1. Try it out. Great. Start the animation when showcasing different pieces of clothing.
Then, add a “create clone of myself” block and a "wait" block below the first “touching color” block. Change the value in the wait block to something small. This example uses 0.2 seconds.
Next, add a “when I start as a clone” block to the top of the “switch costume” block stack. Click the flag to run the program. To make the clones disappear after animating, add a “delete this clone” block to the bottom of the “switch costume” block stack.
Click the flag to test. Nice. Use graphic effects like fisheye and color to really make the special part of the clothing stand out. Add a “change effect” block from the Looks menu, and place it above the “create clone of myself” block.
To showcase other pieces of clothing, right-click the "change effect" block, duplicate it, and attach the new blocks under the other “touching color” blocks. Change the effect to show off different parts of the outfit. Now, its your turn: Pick a costume or draw one your own. Animate the costume using “switch costume,” “change by,” “pick random,” “repeat,” and “wait” blocks.
Create clones of the costume using "create clone of myself," "when I start as a clone," and "wait" blocks. Add graphic effects using the "change effect" block.