Please update your browser
Your browser version is not supported by this site. CS First may not work properly.
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.
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
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.
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.