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