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 So Much Emotion

Choose an Add-On
play_circle_filled
So Much Emotion
Animate a tear falling from the character's face.
arrow_forward
play_circle_filled
Ouch!
Add stars spinning around the character's head.
arrow_forward
play_circle_filled
Show Some Love
Animate a heart effect.
arrow_forward
play_circle_filled
Chit Chat
Animate the characters' mouths to move when they speak.
arrow_forward
play_circle_filled
Confetti
Program confetti, snow, hearts, or stars to fall from the sky.
arrow_forward
play_circle_filled
User Interaction
Ask the user a question and program a response.
arrow_forward
  • 1. Animation Post-Survey
  • 2. Just For You Introduction
  • 3. Animate Letters
  • 4. What's your name?
  • 5. Animate Name
  • 6. Lowercase Function
  • 7. Add-Ons
  • 8. Reflection
  • 9. Wrap-up: Just For You
  • 10. Wrap-up: Share Your Project
  • 11. Wrap-up: Show Your Project
arrow_backward Back Next arrow_forward
Transcript

In this add-on, you will animate a character's overwhelming emotion with an exaggerated tear.

This effect is common in anime, a Japanese style of animation.

To start, broadcast a message to make the tear effect start.

In this example, the character says, "You're almost… too awesome" before shedding a tear.

Add a message that will prompt a tear in your character sprite.

Next add a "broadcast" block, and name the message something like "tear."

Program the tear to receive this message and glide down the character's face, then disappear.

Select the “Tear” sprite.

Add a "when I receive" message, and select "tear" from the dropdown.

Click on the “show” block to show the tear.

Then, add a "show" block under the “when I receive” block.

Drag the tear to a starting spot on the stage, and add a "go to xy" block.

Drag the tear to where it will finish falling, and add a "glide" block.

Click the block stack to test.

Nice!

Next, program the tear to slowly disappear.

At the bottom of the block stack, add a "repeat" loop.

Inside this, add a "change effect" block, and select "ghost" from the dropdown menu.

Click to test.

Then click again.

The tear doesn't show up at all!

That's because the ghost effect is still working when the program starts again.

To fix this, add a "clear graphic effects" block and a "when flag clicked block" to clear the ghost effect when the program starts.

Click the “green flag” stack, then the “when I receive” block stack to test.

Tinker with the value in the “change effect” block.

This example uses 10!

Great!

Finally, program the tear to hide when the flag is clicked.

Add a "hide" block.

Awesome.

You created an exaggerated tear effect that communicates your character’s strong emotion.

Now, it's your turn.

Broadcast a message to start the tear effect.

Program the tear sprite to receive this message, then glide down the character's face and disappear.

Finally, clear the graphic effects and hide the sprite when the flag is clicked.

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!