Skip to content
Transcript

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

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'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.

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.
Attributions
  • "Google Doodle Team Q&A - Your Questions Answered!" by Nat & Friends (https://www.youtube.com/watch?v=IglWB66vn7g) -- Licensed by Standard Youtube License (https://www.youtube.com/static?template=terms)