Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more

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
  • 1. Create your own Google logo for Valentine's Day
  • 2. Survey - Create your own Google logo for Valentine's Day
  • 3. Wrap-Up: Share Your Project
Next arrow_forward
Transcript

One way to tell a story with your logo is to change the area behind it, called the “backdrop.”

In this video, you will add a button to your project that switches backdrops.

To start, select some backdrops.

Click “Choose backdrop from library.”

As you add backdrops, they will show up in the “backdrops” tab.

To remove a backdrop from the list, click the “x.”

Next, add a sprite to act as a button, so people who interact with your project can click it to change backdrops.

Click “Choose sprite from library.”

This example uses an arrow, but use any sprite you like as your button.

Next, program the backdrop to change.

Select the “Looks” menu.

Then, click, hold, and drag out a “switch backdrop to” block.

From the menu, select “next backdrop” Click the block a few times.

Alright!

The backdrop changes with each click.

Next, program this block to run when the sprite is clicked.

From events, add a “when this sprite clicked” block.

Try it out!

Woo-hoo!

Now it’s your turn: Add backdrops to your project.

Add a new sprite.

Add a “when sprite clicked” and “change backdrop to” block.

Change the value to “next backdrop” Once you finish these steps, return to this page to select another video.

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.