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

Doodlers often design letters in different ways to create a specific look or theme.

Each letter in your project has many costumes to choose from, so you can change how they look.

In this video, you will program the computer to repeatedly change costumes when you click on a letter.

To start, select a sprite to program.

This example uses the "e", but you can use any sprite you'd like.

Next, program the sprite to change costumes.

Select the Looks menu.

Click, hold, and drag out a “next costume” block.

Click the block to see what it does.

Holy cow!

Each click changes the sprite’s costume.

Next, program the computer to repeatedly change costumes.

Select Control, and drag a “repeat” block around the “next costume” block.

Click the block to run.

Alright!

The costume changes really fast.

The “repeat” block is a type of loop.

It runs the next costume block 10 times, but it does it very quickly.

To make the costumes change more slowly, tell the computer to “wait” between costume changes.

Drag a “wait” block into the loop.

Click to run.

The computer waits one second between costume changes.

To slow down or speed up the change, adjust the value in the "wait" block.

Experiment with the values in these blocks until you’re happy with speed and the length of the effect.

Then, add an event to tell the computer when to run this code.

Select Events.

This example will use a “when this sprite clicked” block, but you can use any event you like.

You could run this code when you press a key or click the flag.

To copy this code to other letters, click, drag, and drop the code onto another sprite.

Click the sprite to check that it copied correctly, and run the code.

Copy this code to as many sprites as you like.

Now it’s your turn: Select a sprite to program.

Add “next costume,” “repeat,” and “wait” blocks.

Add an event, like “when this sprite clicked.”

Copy this code to as many sprites as you’d like.

Once you’ve finished these steps, return to this page to select another video.

Choose an Add-On
Switch Costume
Change the style of a letter each time it's clicked.
Say Something
Tell a story with talking letters.
Add Backdrop
Add an image behind the logo.
Change Color
Create an interactive logo by changing letter colors when a key is pressed.
Edit, Draw or Add Letters
Edit, draw, or add an image to change how a letter looks.
Chase
Turn your logo into a game where a letter chases the mouse pointer.
Change Scene
Add a button that changes the scene behind your logo.
Spin
Make a letter spin.
Jumble Letters
Make your letters randomly move across the screen.
Disappearing Sprites
Play a sound as a letter disappears.
Dance Whirl
Make your letters whirl to music.
Bouncing Sprites
Animate your letters to make them bounce.
Next arrow_forward
Instructions
  1. Watch the introduction video.
  2. Open the Starter Project below.
  3. Return to this page and watch more videos to customize your Valentine's Day logo.