Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more

arrow_back Results Animation

Transcript

In this add-on, you will add a sprite that will appear and say something after the user receives the quiz results.

To start, add a new sprite that will appear when quiz result 1 is displayed.

This example uses a dog sprite, which will appear when the user gets the Dorothy result.

Feel free to customize the sprites any way you would like in the paint editor so the images relate to your quiz.

Then add another costume that will appear when quiz result 2 is displayed.

This example uses a flying monkey sprite uploaded from the computer, which will appear when the user gets the Wicked Witch of the West result.

To program the sprite to hide when the user starts the quiz, select the scripts tab, and add "when flag clicked" and "hide" blocks.

To program the sprite to appear when the user gets results, add a "when backdrop switches to" block, select "Outcome 1" from the dropdown, and add a “show” block.

The backdrop changes to outcome 1 when the user relates most to Dorothy.

When the sprite appears on the screen with this backdrop, it shows the monkey costume, regardless of the user's result.

Add a “switch costume to” block and change the drop down to say “dog.”

Program the sprite to show a different costume based on the user's quiz result by adding another “when backdrop switches to” block and change the dropdown to Outcome 2.

Then add a “switch costume to” block and change the drop-down to “monkey.”

Try it out for both result options.

Next, add "say" blocks under each of the "switch costume" blocks, and create a different response for each costume.

In this example, when the costume switches to the dog sprite, the sprite says, "Woof!

Dorothy is the best!"

When the costume switches to the monkey sprite, the sprite says, "Muahahah!

The Wicked Witch is the best!"

Finally, program the sprite to spin and disappear.

Add a "repeat" and a "turn" block at the bottom of the block stack.

Under this, add a "hide" block.

Click the code to try it out.

Now, that's pretty cool.

Now, it's your turn!

Add a sprite that will show up when the user gets Outcome 1.

In the same sprite, add a costume that will show up when the user gets Outcome 2.

Program the sprite to hide when the user starts the quiz, then show when the results are displayed.

Then program the sprite to display the first costume when the user gets Outcome 1, and to display the second costume when the user gets Outcome 2.

Choose an Add-On
Add Images
Program images of the characters to appear when the user's result is revealed.
More Questions!
Write additional questions for your quiz.
Design the Intro Screen
Put your own visual spin on the page that shows before the quiz.
The Big Reveal
Reveal the user's quiz results with an interesting effect.
Results Animation
Add a sprite that reacts to the user's result.
Make Some Noise
Add sound to your quiz.
arrow_backward Back
Next arrow_forward
Instructions
  1. Choose an Add-On, and click "watch" to learn how to build it.
  2. Once you finish one Add-On, try another one below the video!