Skip to content
Transcript

Logos can be even more engaging when people can interact with them.

In this video, you will make your logo interactive by changing letter colors when a key is pressed.

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 change colors.

Select the looks menu.

Click hold and drag out a change color effect by block.

Click the block to see what it does.

Alright.

Each click changes the color of the letter.

Next program this block to run when you press a key.

Select the events menu.

Events blocks tell the computer when to run code.

Drag out a when key pressed block and attach it to the change color effect block.

Try it out.

Press the space bar.

You can change the values in each of these blocks.

For example, make a letter pixelate when you press the g key.

Try different effects to see what works best for your project.

Press the stop sign to reset the effect.

To add an effect to another letter, select the sprite then add when key pressed and change effect blocks.

Now it's your turn.

Select a sprite to program.

Add change effect and when key pressed blocks.

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

Choose an Add-On

Change Color

Create an interactive logo by changing letter colors when a key is pressed.

Say Something

Tell a story with talking letters.

Switch Costume

Change the style of a letter each time it's clicked.

Add Backdrop

Add an image behind the logo.

Edit, Draw or Add Letters

Edit, draw, or add an image to change how a letter looks.

Jumble Letters

Make your letters randomly move across the screen.

Chase

Turn your logo into a game where a letter chases the mouse pointer.

Spin

Make a letter spin.

Change Scene

Add a button that changes the scene behind your logo.

Dance Whirl

Make your letters whirl to music.

Bouncing Sprites

Animate your letters to make them bounce.

Disappearing Sprites

Play a sound as a letter disappears.

Instructions
  1. Watch the introduction video.
  2. Open the Starter Project below.
  3. Return to this page and watch more videos to customize your logo.
Attributions
  • "Doodle 4 Google 2012- Behind the Scenes with the Doodle Team" by Google (https://www.youtube.com/watch?v=i6RWpg7oVgc) -- Licensed by Standard Youtube License (https://www.youtube.com/static?template=terms)
  • "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)
  • "Who Was Lotte Reiniger, And Why’s There A Doodle About Her" by Nat & Friends (https://www.youtube.com/watch?v=MK1P6RGs6U4) -- Licensed by Youtube License (https://www.youtube.com/static?template=terms)