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 reveal the user's quiz results with an interesting effect.
The quiz results will start out pixelated, and will gradually become readable.
To achieve this effect, select the stage and add a "when backdrop switches" block from the events menu.
Select Outcome 1 from the dropdown menu.
Click the looks menu, and add a "set effect" block to the blockstack..
Select “pixelate” from the dropdown menu.
Tinker with the value in the "set effect" block.
A higher number will make the text appear more pixelated an d harder to read.
To make the text gradually appear more clear, add a repeat loop and a "change effect" block.
Select "pixelate" from the dropdown menu.
Click the blockstack to try it out.
Oh no, the text is even more pixelated.
The pixelation value was originally 200, and that value got even higher because it increased by 100 when the “change effect by 10” block was repeated 10 times.
To decrease the pixelation effect, change the value in the “change effect by” block to a negative number.
This examples uses negative ten.
Try it again.
That's better, but it's still too pixelated.
The original pixelation was 200, and it decreased by 100, so the sprite still has a pixelation effect of 100.
To get rid of the pixelation effect, the multiplied values of the “repeat” and “change effect by” blocks must be the opposite of the value in the “set effect to” block.
In this example, the “set effect” block's value is 200, so the multiplied value of the “change effect” and “repeat” blocks has to equal negative 200.
In this example, the values in the “repeat” and “change effect by” blocks are 10 and negative 20.
Multiply these values together, and you get negative 200.
This value cancels out the pixelation effect of 200 that was originally set.
Try it out!
That's pretty cool.
If your results screen is still a little blurry, make it completely clear by adding a "clear graphic effects" block to the bottom of the block stack.
This effect works only for outcome 1.
To make the effect work for outcome 2, right click the block stack and select duplicate.
Change the dropdown menu in the new code stack from outcome 1 to outcome 2.
Click the flag to test it out.
Now outcome 2 should do the same effect as outcome 1.
Now it's your turn!
Set the pixelation effect to scramble the results text.
Change the pixelation effect to gradually reveal the user's results.