Skip to content

Please update your browser

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

Transcript

In this add-on, you'll create an incoming call notification so the user can answer the phone.

To start, draw a call notification sprite.

Click paint and sprite, choose a color click the rectangle icon to make a rectangle that fits the horizontal length of the phone screen.

Drag the rectangle on the stage to where it will appear on the phone.

Add text using the text tool.

Change the text color.

Write a text to notify the user of the call.

This example writes incoming call click to answer.

Great, next, program the notification to show and hide.

Select Looks and drag out show and hide blocks.

The sprite should hide at the start of the program.

So add a when flag clicked block to the hide block.

Click the flag to test.

Great. The notification hides.

Phone calls can happen at any time and often interrupt text conversations.

Use a wait block to delay when the incoming call shows.

This example uses six seconds.

Then show the notification by adding a show block.

Click the flag to test.

Great. It shows up but it's behind the conversation.

You'll fix this later.

Hide the notification when it's clicked.

Attach a hide block.

Click the sprite to test.

Great, it hides.

Next, make the notification glow.

Start out with a repeat block and change effects block.

Change the drop-down to brightness.

Duplicate the loop and make the value in the second change effects block negative.

Click the flag to make the notification show then click the block stack to test.

Awesome.

To re-set the brightness, click clear graphic effects in the block palette.

Tinker with the values until you find something you like.

This example uses five and negative five.

To make the glowing effect last longer and look more realistic, place another repeat loop around the two loops.

Tinker with the value until the notification looks right to you.

This example uses five and a repeat loop.

Test it.

Oh, cool. Once you've programmed the glowing effect add this code to the when flag clicked block stack.

Click the flag to test.

Next, fix the bug that makes the sprite appear behind the conversation.

From Looks, click the go to front block and the repeat loop you just added.

Click the flag to test.

Awesome.

Finally, make the sprite disappear if the user doesn't answer the call.

Add a hide block under the repeat loop at the bottom of the code stack.

Test this.

Nice.

Now it's your turn.

Draw a notification sprite.

Program the sprite to appear using when flag clicked, show, hide and wait blocks.

Make the notification glow using repeat, wait, and change effects blocks.

Finally, make the notification hide if the user does not click it.

Choose an Add-On

Thumbs

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.

Accessorize

Animate an accessory, like headphones or phone cases, to express yourself.

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!