Please update your browser
Your browser version is not supported by this site. CS First may not work properly. Learn more.
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.
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.
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.
Oh, cool. Once you've programmed the glowing effect
add this code to the when flag clicked block stack.
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.
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.
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.
Animate the thumbs holding your phone.
Add a second scene in which the sprites will interact outside the text conversation
Add a broken screen game feature to your animation.
Create an incoming call notification so the user can answer the phone.
Animate an accessory, like headphones or phone cases, to express yourself.
Sign in to track your progress and earn badges