{% trans 'Watch it here now.' as msg_meta_extra} Thumbs - Texting Story - CS First 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 animate the thumbs holding the cell phone.

(bubble popping)

First click the thumbs sprite then go to the costumes tab.

There are a few sets of hands here.

And each costume in a set has a different hand position.

Choose a costume to use for your project.

Remember the name of the costume then pull out a switch costume block from the looks menu.

Choose the first costume in the set you selected from the drop-down menu.

This example uses hands a1.

To make the thumbs look they're texting, switch quickly between the three costumes.

Pull out two more switch costume blocks, and select the other two matching costumes from the drop down menu.

Snap the three switch costume blocks together with a a wave block after each switch costume block.

Click the stack to test it out.

Cool. The thumbs animate.

Tinker with the value in the weight block to speed up or slow down the animation.

Then, add a forever block around these blocks so that the animation moves.

Next, animate the hands when the You sprite types the text message.

Select the You sprite.

Drag out the broadcast block and put it under the defying text message block.

Make a new message called 'Start Texting'.

In the Thumb sprite, add a 'when I receive' block to the top of the stack, and change the message to 'start texting'.

Click the flag to test it.

Now, every time the procedure runs, the hands animate.

Uh Oh, the hands never stop texting.

To make them stop, use more broadcast blocks.

Select the You sprite, and add another broadcast block to the bottom of the text message procedure.

Make a new message called 'stop texting'.

In the Thumbs sprite, drag out a 'when I receive' block, and change the drop down to 'stop texting'.

From the Control Menu, drag out a Stop block.

Choose 'other scripts in sprite' from the drop down.

Click the flag to test again.

Great. The thumbs text only when words are appearing.

Next, choose a sound to go with the animation.

Click the Sounds tab.

This sprite comes with a few different texting sounds.

Click the play button to hear each one.

(soft tapping)

(soft tapping)

Return to the sound menu.

Start adding 'play sound until done' block.

Select your sound from the drop down menu.

Click this block to test.

(soft tapping)

Cool. The sound plays.

Put a 'forever' block around it to make the sound loop.

Press again to make sure it works.

(soft tapping)

To make the sound play while the thumbs animate, add a 'When I Receive' start texting block above the 'Forever' loop.

Click the flag to test.

(soft tapping)

Awesome.

Notice that when the sprite receives a stop texting message, the sound stops as well.

Now it's your turn.

Select the Thumb sprite, and choose a set of costumes.

Animate them using 'Switch Costume', 'Wait', and 'Forever' blocks.

Broadcast the message to start texting using the 'Broadcast' block, and two 'When I Receive' blocks.

Broadcast a message to stop texting using the 'Broadcast', 'When I Receive' and 'Stop' blocks.

Play a texting sound using the 'When I Receive', 'Play Sound Until Done', and 'Forever' blocks.

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