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 Eyebrows

Transcript

In this add-on, you will make the characters' faces even more expressive.

To start, copy the sprites' eyebrows into new sprites.

Click “paint new sprite,” and name it Malik brows.

Convert to vector mode to enable the current brows, which are vector graphics, to copy over.

Select the Malik sprite, click just outside of the face near the eyebrows, and create a selection box around the eyebrows.

To copy this, hold control or command and press C. To paste them into the new sprite, select this sprite, then hold control or command and press V. Move the brows on the stage to the correct spot.

Select the Malik sprite, and delete the original eyebrows in both the open and closed costumes.

The current eyebrows don't convey a specific emotion -- they're how eyebrows look most of the time.

Click the costumes tab, and name this costume "neutral."

Next, create different expressions for the eyebrows.

There are six different emotions in the talk sprites -- happy, sad, disgusted, surprised, angry, and neutral.

The sprite will switch to these costumes based on the emotion set in the “speak” block.

To make the eyebrows look surprised, duplicate this costume, and move the eyebrows up.

Make the inner corners of the eyebrows tilt slightly up.

Change the costume name to "surprised."

To make angry eyebrows, duplicate the neutral costume again, and call the copy of the costume "angry."

Then, make the inner corners of the eyebrows point down, and raise up the outer corners.

Great!

These are some angry eyebrows.

Make disgusted eyebrows by duplicating the angry costume and making whatever slight adjustments you think are necessary.

To make sad eyebrows, duplicate the neutral costume, name the costume, and raise the inner corners of the eyebrows using the reshape tool.

Finally, duplicate the neutral costume one last time to make happy eyebrows.

Make slight adjustments.

This was a lot of work, but luckily you don't have to repeat it for the Isabel sprite!

Duplicate the Malik brows sprite, and rename it Isabel brows.

Delete the brows from the Isabel sprite, and move these new brows to the correct location.

Great!

Next, program Malik's eyebrows to change costumes based on the emotion parameter in the Malik costume.

To make this happen, select the Malik talk sprite, then create a variable.

Call the variable "Malik's emotion.”

Add a "set variable" block below the “broadcast Malik talking” block, and select “Malik's emotion” from the dropdown menu.

Set it equal to the emotion parameter from the talk function.

Program the Malik brows to change costumes when it receives the message that Malik is talking.

Select the Malik brows sprite, and add a "when I receive" block.

Select the "Malik talking" message.

Add a "switch costume" block, and place a "Malik's emotion" variable inside it.

Click the flag to test.

Great!

Malik's eyebrows change with the sprite's emotions.

Repeat this process for Isabel.

Select the “Isabel talk” sprite, and create a variable called “Isabel's emotions”.

Add a “set variable” block below the "broadcast" block.

Select "Isabel's emotion" from the dropdown, and drag in the "emotion" parameter from the define block.

To program the Isabel brows sprite to change costumes when it receives the message that Isabel is talking, select the sprite, and add a "when I receive" block.

Select "Isabel talking" from the dropdown menu.

Add a "switch costume" block, and place an "Isabel's emotion" variable inside it.

Click the flag to test.

Nice, now both characters' eyebrows change to express their emotions.

Now, it's your turn.

Copy the eyebrows from the Malik sprite into a new sprite, and delete the original eyebrows.

Create new eyebrow costumes to reflect different emotions.

Duplicate the eyebrows sprite to create new eyebrows for Isabel.

Create a variable for Malik's emotion, and set this variable equal to the emotion parameter from the “define speak” block.

Program the “Malik brows” sprite to change costumes to reflect the sprite's emotions each time the sprite talks.

Repeat this process for the Isabel sprite.

Choose an Add-On
Design
Use the editing tools to draw your own expression or edit the appearance of the sprite.
Chatterbox
In "Chatterbox," add a sound that plays each time a character speaks.
Eyebrows
Add moving eyebrows to your sprites' expressions.
Trio
Add another character to your story.
Props
Add an object related to the story.
Ask the Audience
As the user a question and react to the response.
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!