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 Design the Intro Screen

Transcript

In this add-on, you will animate and add your own design spin to the intro screen of the quiz.

To animate the intro screen, select the "intro screen" sprite.

The intro screen will whirl and then disappear.

To achieve this effect, add a "change effect" block under the “show” block.

Select whirl effect from the dropdown menu.

Add a “repeat” block around the "change effect" block.

Try it out.

Tinker with the values in the “repeat” and “change effect by” blocks until you get something you like.

If you'd like, you can also adjust the value in the “wait” block, which you added when you created the core project.

Cool.

The intro screen appears when the flag is clicked, does the whirl effect, then hides.

Next, customize the design of the intro screen.

Select the costumes tab, and decide how you want the intro screen to look.

It’s up to you!

You can change the colors, change the text, or draw something on the screen.

To change the colors, click the "color the shape" icon, and choose any color you'd like.

Then, click the parts of the sprite you'd like to change color.

Try out some different colors to see what looks good.

To add text, click the text icon and the part of the sprite where you'd like to add the text.

To change the existing text, click the text icon, then click the existing text.

To change the font, double-click the text, then click the dropdown menu under the font heading, and select a font.

Now it's your turn!

Animate the intro screen using “change effect and “repeat” blocks.

Customize the design of the screen in the costumes tab.

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!