{% trans 'Watch it here now.' as msg_meta_extra} Change Color - Create your own Google logo for Earth Day - CS First Skip to content

Please update your browser

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


Many plants and animals adapt to their environment to survive harsh weather conditions or hide from predators.

By making the sprites in your logo change colors, you can show how animals protect themselves by changing their appearance to blend in with their environment.

This is called camouflage.

In this video, you will make the animal sprites change colors when a key is pressed.

(light music)

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.

(light music)

All right!

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.

(light music)

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.

(light music)

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.

(light music)

Now it's your turn.

Select a sprite to program.

Add change effect and when key pressed blocks.

Once you finish these steps, return to this page to select another video.

Choose an Add-On
Say Something
Tell a story with talking letters.
Add Backdrop
Add an image or new landscape behind the logo.
Change Color
Create an interactive logo by changing letter colors when a key is pressed.
Bouncing Sprites
Animate your letters to make them bounce.
Change Scene
Add a button that changes the scene behind your logo.
Disappearing Sprites
Make a letter disappear.
Switch Costume
Change the style of a letter each time it's clicked.
Next arrow_forward
  1. Watch the introduction video.
  2. Open the Starter Project below.
  3. Return to this page and watch more videos to customize your Earth Day logo.
  • "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)
  • ® ‘WWF’ and ‘World Wildlife Fund’ are WWF Registered Trademarks. © 1986 Panda Symbol WWF.
  • "Living With Asian Elephants" by World Wildlife Fund (https://www.worldwildlife.org/videos/living-with-asian-elephants) -- Licensed by CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0/)