Skip to content

Please update your browser

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

arrow_back Changing Colors

Choose an Add-On
play_circle_filled
Music
Add music that will play while the athletes showcase their moves.
arrow_forward
play_circle_filled
Showcase your Moves
Program the athletes to get active by moving around the stage.
arrow_forward
play_circle_filled
Changing Colors
Make the sprites change colors similar to how athletes wear different jerseys.
arrow_forward
play_circle_filled
In the Zone
Program the sports commentator to give the athletes a performance boost.
arrow_forward
play_circle_filled
Compliment Competitors
Have the sprites admire one another's moves.
arrow_forward
play_circle_filled
Add Another Athlete
Add another athlete to the project.
arrow_forward
  • 1. Introduction to Events
  • 2. Show Off Your Moves
  • 3. Sports Commentator Talk
  • 4. Comment on the Athletes
  • 5. Add-Ons
  • 6. Reflection
  • 7. Wrap-up: Sports Commentary
  • 8. Wrap-up: Share Your Project
  • 9. Wrap-up: Show Your Project
arrow_backward Back Next arrow_forward
Transcript

In this add-on, you’ll program your sprites to change colors, similar to how athletes wear different jerseys. First, decide which athlete gets to change into more colorful apparel. In this example, athlete2 will be the one to showcase a new uniform. Click on athlete2. The “change effect by” block from the looks menu has different effects that will make the athlete’s outfit change.

Drag out this block. Right now, it says “change color effect by 25.” Click the block to try it out. Try different values in the block, like 10 or negative 20. If you keep clicking it, your sprite changes colors to look like it’s wearing different outfits.

Sprites can change other effects besides color. Click on the black triangle dropdown to see the different effects, and select “brightness.” Click the block to try it out. Great! The sprite’s uniform gets brighter and brighter. In baseball and basketball, the home team will typically choose to wear a lighter colored version of its uniform.

In this example, athlete2 wears a variation of its jersey, so it has a slightly different uniform for “home” and “away” games. Place the “change effect by” block inside the repeat loop, choose the effect you want, and test your code by clicking on the stack.

Drag out a “clear graphic effects” block to reset your athletes uniform to its original color. Snap it to the bottom of the repeat loop. Click the block stack to check it out.

Notice how the sprite changed colors before returning to normal.

Here's the gameplan: Add “change effect by” and “clear graphic effects” blocks to the repeat loop.

For an added challenge, use different effects so that your athlete looks its absolute best when it’s performing.

Instructions
  1. Choose an Add-On, and click "watch" to learn how to build it.
  2. Once you finish one Add-On, try another one below the video!