Please update your browser
Your browser version is not supported by this site. CS First may not work properly.
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 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.
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 spacebar.
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 finish these steps, return to this page to select another video.