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

Many Doodles come to life when a user interacts with them.

In this video, you’ll animate your logo by spinning letters when they are clicked.

To start, select a sprite to program.

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

Next, program the sprite to spin.

Select the Motion menu.

Click, hold, and drag out a “turn” block.

Click the block to see what it does.

Whoa!

Each click spins the letter.

Next, make the letter spin more.

Select the “Control” menu.

Drag out a “repeat 10” block, and place it around the “turn” block.

The “repeat” block is a type of loop.

It runs the “turn” block 10 times.

Great job!

Tinker with the values in the “turn” and “repeat” blocks to change how much the letter spins.

Next, make the letter finish in an upright position.

Select the “Motion” menu, and add a “point in direction” block below the loop.

Great job!

Add an event to tell the computer when to run this code.

This example uses a “when this sprite clicked” block, but you can use any event you like for your project.

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

To copy this code to other sprites, 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 a “turn” and “repeat” block.

Add a “point in direction” block.

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

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

Once you finish 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.
arrow_forward
Say Something
Tell a story with talking letters.
arrow_forward
Add Backdrop
Add an image behind the logo.
arrow_forward
Change Color
Create an interactive logo by changing letter colors when a key is pressed.
arrow_forward
Edit, Draw or Add Letters
Edit, draw, or add an image to change how a letter looks.
arrow_forward
Chase
Turn your logo into a game where a letter chases the mouse pointer.
arrow_forward
Change Scene
Add a button that changes the scene behind your logo.
arrow_forward
Spin
Make a letter spin.
arrow_forward
Jumble Letters
Make your letters randomly move across the screen.
arrow_forward
Disappearing Sprites
Play a sound as a letter disappears.
arrow_forward
Dance Whirl
Make your letters whirl to music.
arrow_forward
Bouncing Sprites
Animate your letters to make them bounce.
arrow_forward
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.