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 Welcome Screen (Part 2 of 2)

Choose an Add-On
play_circle_filled
Welcome Screen (Part 1 of 2)
Program a welcome screen for your phone.
arrow_forward
play_circle_filled
Welcome Screen (Part 2 of 2)
Program a welcome screen for your phone.
arrow_forward
play_circle_filled
Thumbs
Animate the thumbs holding your phone.
arrow_forward
play_circle_filled
Later That Day
Add a second scene in which the sprites will interact outside the text conversation
arrow_forward
play_circle_filled
Broken Screen
Add a broken screen game feature to your animation.
arrow_forward
play_circle_filled
Answer the Phone Call
Create an incoming call notification so the user can answer the phone.
arrow_forward
play_circle_filled
Accessorize
Animate an accessory, like headphones or phone cases, to express yourself.
arrow_forward
  • 1. Imagine a Conversation
  • 2. Start the Conversation
  • 3. Reply
  • 4. Complete the Story
  • 5. Add-Ons
  • 6. Reflection
  • 7. Wrap-up: Texting Story
  • 8. Wrap-up: Share Your Project
  • 9. Wrap-up: Show Your Project
arrow_backward Back Next arrow_forward
Transcript

In part 2 of this add-on, you’ll program a fun animation for your welcome screen.

To create your animation, first draw or add a new sprite.

This example draws a star using the paint editor tools in vector mode.

Next, program the sprite to appear on stage at a specific spot.

Drag the sprite to the center of the phone screen.

Use the shrink tool to make the sprite fit on the screen.

From motion, add a "go to xy" block, and then add a “when flag clicked” block from "events."

Program a burst of stars using clones.

From the control menu, add a “repeat” loop under your code stack, and add a “create clone of myself” block inside it.

To program the clones to perform an action, add a “when I start as a clone” block.

To program the clones to move randomly, add a "repeat" loop, and from motion, place a "move" block inside the "repeat" loop.

From operators, place a "pick random" block inside the "move" block.

Click the flag to test.

Cool!

Each time the program runs, it creates ten clones that move a random number of steps.

To make the clones disappear after they move, click the control menu, and add a "delete this clone" block to the bottom of the "when I start as a clone" block stack.

Click the flag to test again.

Nice.

The clones move, but the original sprite does not.

Program the sprite to hide and the clones to show.

From the looks menu, add a "hide" block below the "go to" block and a "show" block below the "when I start as a clone" block.

Click the flag to test.

Great!

To change the color of the clones, add a "change color effect" block above the "create clone of myself" block.

Test again.

Awesome.

Set the clones to random sizes by adding a "set size" block under the "when I start as a clone" block.

Inside this, add a "pick random" block.

Click the flag to test.

Tinker with the values in the "pick random" block.

This example uses 1 to 50.

To turn the clone a random number of degrees, add a "turn" and a "pick random" block under the "when I start as a clone" block.

Tinker with the values in the "pick random" block.

This example uses 0 to 360.

To play a sound when the animation starts, click the sounds tab, and "choose sound from library."

Select a sound and click OK.

Select the scripts tab and click the sound menu, and add a "play sound until done" block below the "hide" block.

Click the flag to test.

Great!

Continue to tinker with the values in the blocks.

See what 100 clones look like!

Be creative and have fun.

Now, it’s your turn.

Add a new sprite to your project.

Program the sprite to start at a specific spot on the stage.

Change the appearance and movement of the clones.

Program the sprite to hide and the clones to show.

Delete the clones after they animate.

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!