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 Later That Day

Transcript

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 the 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, click the scripts tab, and 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.

Click the flag to test.

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.

Add a "when flag clicked" event, add a "go to xy" block from motion, and a "switch costume" block from looks.

The "go to xy" 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.

Repeat this process for the "you" sprite.

From motion, add a "go to xy" block under the "when flag clicked" event.

From looks, add a "switch costume" block.

Make sure profile picture is selected in the dropdown.

Click the flag to test.

Awesome!

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.

Repeat this process for the "accessory" sprite.

Click the flag.

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 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 recieve,” “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 "say“ blocks to the "friend" and "you" sprites.

Program the second scene.

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.
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.
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!