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 Welcome Screen (Part 1 of 2)


Most phones have fun and creative animations as their welcome screens.

In this two part add-on, you will program a welcome screen for your phone.

First, name your phone.

Click “paint new sprite."

It’s easier to edit and draw in vector mode, so click “convert to vector” on the bottom right of the paint editor.

Click the “text” tool, and type a name or message to display as your phone starts up.

This example types “Googley Moogley.”

Set the costume’s center using the “crosshairs” icon.

Then, drag the costume to where you want to it to appear on the phone’s screen.

Next, program the welcome screen to show at the beginning of the program, then hide before the conversation starts.

Add “when flag clicked,” “show,”” wait,” and “hide” blocks.

Click the flag to test.

The welcome screen sprite shows, waits 1 second then hides.

Tinker with the value in the wait block to determine how long the welcome screen shows.

Next, hide the "friend" and "you" sprites while the welcome screen is showing, and make them appear to start their conversation.

Click on the friend sprite, and add “hide” and “show” block from the looks menu.

Then add a “wait” block between those two blocks.

Update the value in the wait block to match the value of the welcome screen’s wait block.

Click on the “you” sprite and add the same three blocks after the “when flag clicked” block.

Test this.


Once you complete this step, move on to part 2 to program a fun animation for the welcome screen.

Now, it’s your turn.

Make a new sprite, and add text for your phone’s welcome screen.

Program your welcome screen to load using “wait,” “show,” and “hide” blocks.

Delay the conversation using “wait,” “hide,” and “show” blocks in the “friend” and “you” sprites.

Choose an Add-On
Welcome Screen (Part 1 of 2)
Program a welcome screen for your phone.
Welcome Screen (Part 2 of 2)
Program a welcome screen for your phone.
Animate the thumbs holding your phone.
Later That Day
Add a second scene in which the sprites will interact outside the text conversation
Broken Screen
Add a broken screen game feature to your animation.
Answer the Phone Call
Create an incoming call notification so the user can answer the phone.
Animate an accessory, like headphones or phone cases, to express yourself.
arrow_backward Back
Next arrow_forward
  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!