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 add a second scene
in which the sprites will interact
outside the text conversation.
First, broadcast a message that tells the backdrop to switch
and the sprites to change costumes.
Select the last sprite to text in the conversation.
In this example, that's the You sprite.
At the end of a conversation, add a broadcast block
from the Events menu, and name the message Next Scene.
Program the backdrop to change when it receives
the Next Scene message.
Select the stage, and choose backdrop from library.
Select a backdrop for your story.
Next, add a when I receive block.
Select Next Scene from the dropdown menu.
From Looks, add a switch backdrop block,
and select the new backdrop from the dropdown.
Click the flag to test it.
Wait, the project is supposed to start
on the blue desk backdrop,
but it starts on the new backdrop.
To fix this, add a when flag clicked block from Events.
From Looks, add a switch backdrop block
and select blue desk from the dropdown.
Click the flag to test.
Cool, when the Next Scene message is broadcast,
the Friend and You sprites should change costumes,
and the Thumbs and Accessory sprites should hide.
To make the Friend sprite show when the Next Scene message
is broadcast, select the Friend sprite,
then the Events menu.
Add a when I receive block and select Next Scene
from the dropdown.
From Looks, add a switch costume block,
and select the full costume
that matches your profile picture costume from the dropdown.
Repeat this process for the You sprite.
Select the You sprite, and from Events,
add a when I receive Next Scene block.
Under this, add a switch costume block.
Select the appropriate costume from the dropdown.
Great, next, program the Thumbs and Accessory sprites
to hide when they receive the Next Scene message.
Select the thumbs sprite and from Events,
drag out a when I receive block.
Select the Next Scene message from the dropdown.
Click Looks, and add a hide block.
Repeat this process for the Accessory sprite.
Click the flag.
Uh-oh, the Friend and You sprites
start on the wrong costumes.
To fix this, program a starting state for all the sprites.
Computer scientists often create a starting
or initialization state for programs.
This code tells different parts of a program
what they should do when the program starts.
In this program, when the flag is clicked,
the Friend and You sprites should start
at the current location and switch to the profile costumes.
Select the Friend sprite.
Under the when flag clicked event,
add a go to x y block from Motion
and a switch costume block from Looks.
The go to x y block reflects the sprite's current position
on the stage.
In the dropdown menu of the switch costume block,
make sure the profile picture costume is selected.
From Motion, add a go to x y block
under the when flag clicked event.
From Looks, add a switch costume block.
Make sure a profile picture is selected in the dropdown.
Next, program the Thumbs and Accessory sprites
to show when the flag is clicked.
Select the Thumbs sprite.
From Events, drag out a when flag clicked block.
Click Looks, and add a show block.
Great, it works!
Now that you've created a starting state for the sprites,
program the second scene.
Add any code that is part of the second scene
underneath the when I receive Next Scene block.
Use a say block for each sprite to make the text bubbles
from the text conversation appear.
At this point, add more say and wait blocks
to sequence the conversation.
Add the blocks from the motion menu
to make the sprites move around the stage.
Think about what you and your friend
would say to each other once you put the phones away
and talk face to face.
Be creative and have fun extending your story.
Now it's your turn.
Create a Next Scene message and program the backdrop
to receive that message and switch backdrops.
Make the backdrop and sprites transition to the second scene
using when I receive, show, hide, wait,
switch costume, and switch backdrop blocks.
Program the Friend and You sprites
to switch to the full costumes
when they receive the Next Scene message.
Clear the text conversation by adding save blocks
to the Friend and You sprites,
then, program the second scene.
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