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

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.

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.

Repeat this process for the You sprite.

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.

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

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!