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 will change the sprites' appearances in the vector graphics editor.

Then, add new costumes to convey different emotions.

To start, customize the sprites in the vector graphics editor.

Change the colors of their clothes or hair, put words on their shirts, or give them arms -- anything you like.

The reshape tool is particularly useful.

This allows you to move the vector points on the sprite to reshape objects.

Use it to easily change the sprite's hair or body.

Once you've changed one costume in a sprite, replicate these changes in the other costumes.

Click between the costumes and make edits until everything matches between them.

Or, copy features between the costumes.

Select the feature, hold the control or command key and press “C,” navigate to the other costume, then hold control or command again, and press “V.”

If you have made a lot of changes to the costume, you could duplicate the entire costume, then change just the eyes.

In the new costume, delete the current eyes or eyelids.

Copy the eyes or the eyelids from the other costume.

This example changes the open costume, so it copies the eyelids from the closed costume.

Delete the costume that no longer matches, and rename your new costume to match the name of the one you deleted -- in this case, closed.

Awesome.

While building your story, you may find that the emotions available in the starter project are not enough for you!

Next, make your own costumes to help your characters express more emotions.

Click on the sprite you want to change.

This example uses “Isabel talk.”

Copy a costume by right clicking on it, then selecting duplicate.

Name the costume at the top.

This example is going to be a silly face, so it is called “silly.”

Add your own shapes using the “ellipse,” “rectangle,” and “line” tools, and reshape them.

This example turns an ellipse into a tongue.

If you don’t like something you’ve done, press the “undo” button.

If you change your mind again and decide you like it, there’s a “redo” button as well.

Use the “select” tool to move or resize a full piece of the object.

Place parts of the drawing in front of or behind others using the “move forward one layer” and the “move back one layer” buttons.

After you customize your design, come back to this page to create more add-ons.

To use the new costume in your project, click the scripts tab.

Type the name of the new costume in the emotion parameter for the appropriate part of your story.

This example uses the silly costume at the very end of the story.

Click the flag to test.

Awesome!

The new costume shows at the end.

Now, it's your turn.

Change the design of the sprites in the vector graphics editor.

Replicate these changes in the sprites' other costumes, so that the open and closed costume for each sprite match.

Create new costumes for the talk sprites to show different emotions.

Choose an Add-On
play_circle_filled
Design
Use the editing tools to draw your own expression or edit the appearance of the sprite.
arrow_forward
play_circle_filled
Chatterbox
In "Chatterbox," add a sound that plays each time a character speaks.
arrow_forward
play_circle_filled
Eyebrows
Add moving eyebrows to your sprites' expressions.
arrow_forward
play_circle_filled
Trio
Add another character to your story.
arrow_forward
play_circle_filled
Props
Add an object related to the story.
arrow_forward
play_circle_filled
Ask the Audience
As the user a question and react to the response.
arrow_forward
arrow_backward Back
Next arrow_forward
Instructions
  1. Watch the video to preview the add-ons.
  2. Choose an add-on, and click "watch" to learn how to build it.
  3. After you finish, come back to this page and try another one!