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 program the baseball so it looks like it’s getting bigger as it comes at you and getting farther away after it's hit.
First, program the baseball to look like it’s coming towards you. Objects look bigger as they get closer. To make the baseball grow, go to the “looks” menu, and place a “change size by” block inside the “repeat until” loop. Be careful where you put it – it has to be inside the “repeat until” loop but outside the “if” block. The ball should get bigger little by little, so put a small number in the “change size by” block.
Click on the flag to test it. The baseball looks like it’s moving toward you! But, when you hit it with the bat, it still grows. That doesn’t look quite right!
The baseball should only repeat growing until it touches the bottom of the stage OR the bat. Remove the "touching edge" condition, but keep it in the scripts area. From the operators menu, drag out an "OR" block and place it inside the "repeat until" loop. On one side, place the "touching edge" condition. Then, right click the "touching color" block, and select "duplicate" to copy it. Place the copy on the other side of the "or" block.
Reset the baseball’s size at the beginning of each pitch using the "set size to" block from the "looks" menu. Again, make sure you put this block in the right place. Place it right at the top of the outermost “repeat” loop. This block sets the size to a specific percentage. Enter a small number in this block to start, so the baseball has room to grow.
This example uses 10.
The sprite will only grow *until* it hits the edge OR the red bat. Test the code by clicking the flag. Wait! The baseball does nothing once it's hit. That's because the sprite stops moving once it hits the bat. To fix this, remove the "if/else" statement from inside the "repeat until" loop. Place it *under* the “repeat until” loop instead.
Now, the ball will move and grow until it hits the red bat or the edge. If the repeat loop stops because the ball touches the red bat, the number of hits will increase, and the ball will change direction to go back up.
Next, make the baseball move away after it is hit. From the "control" menu, drag out a new "repeat until" loop, and place it after the "wait" block inside the "if" block. From the "sensing" menu, place a "touching" condition in the new repeat until loop. From the dropdown, choose "edge." Place a "move 10 steps" block inside the “repeat until” loop. Click the flag to run the code. When the baseball is hit, it moves up until it hits the edge of the screen.
Finally, make the baseball look smaller as it moves away from you. From the looks menu, place a "change size by" block inside the new "repeat until" loop. To make the baseball appear larger, you changed the size by a positive number. To make it appear smaller, change the size by a negative number. Test this code by clicking the flag. Now, the baseball looks like it's coming towards the batter, and when the batter hits it, it looks like the baseball moves farther away. Here's the game plan: To make the baseball look like it's getting closer, add a "change size by" block after the "move” block. Remove the "touching edge" block from the first "repeat until" loop, and replace it with an "or" block, a "touching edge," and a "touching color" block. Move the "if” statement under the "repeat until" loop. Resize the baseball using a "set size to" block. Make the ball look like it’s moving away after being hit using "repeat until," "touching edge," "move," and "change size by" blocks.