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.
This video will introduce ways to change the sprites’ looks.
Click on the “looks” menu to check out many different ways you can change the appearance of the sprite.
Click the “change effect” block in the blocks palette to test it.
You can change the color, Apply a fisheye, Whirl the sprite, Pixelate the sprite to make it blurry, Turn the sprite into a mosaic, Make it brighter, And even make it transparent, Awesome!
You can easily undo all of those changes by clicking on the “clear graphic effects” block.
Drag out a “change effect by” block to change the appearance of the “my sprite”.
In this example story, the “my sprite” turns green.
This example selects color from the menu, but you can choose any effect that fits your story.
Tinker with the value of the “change effect by” block until you like the outcome.
Add a “when flag clicked” block to the top of the code stack to make it easy for other people to run your code.
Test it out!
Wait - that’s not right for this story!
The sprite shouldn’t start that color.
To reset the sprite to its original appearance whenever the code is run, place a “clear graphic effects” block just under the “when flag clicked” block.
Then test it.
Here are two other examples of using the “change effect by” block to tell a story.
This story uses the whirl effect to show dancing.
This story uses the pixelate effect to show confusion.
Be creative and use the "change effect by" to tell your story.
Now it’s your turn: Change the sprite’s appearance using the “change effect by” and “clear graphic effects” blocks.