Skip to content

Please update your browser

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


In this add-on, you'll add a special feature to your fashion innovation that makes the model move or behave in an unexpected way. This example video will make the model fly, but there’s no limit to what your model can do. For example, you could make your Model dance, jump, bounce wildly around the screen, or even be teleported to other backdrops.

Use your imagination to create a behavior you like.

[*Also record:] Check out some of these features created by other Google CS First students!

[for when we have student projects.] First, think about the movement or behavior you’ll add to your model. Use blocks like "glide," "go to xy," and "move" to create movement. If you drag the sprite to a position on the stage, the "glide" and "go to xy" blocks update with the new x and y coordinates. To make your sprite move around the screen, drag it to a new position, add a "glide" block, then drag the sprite to the next position, and add another “glide” block. Repeat these steps to make the sprite move to several areas around the screen. Test your code often to make sure it is doing what you expect.

Use "turn" blocks to make the sprite tilt different directions.

Use "repeat" loops to make the sprite perform an action multiple times. This example makes the sprite shrink to look like it is flying away and then grow bigger at the end. Code your repeat loop to repeat any action you choose.

Next, program the sprite to start in its original position after it completes the movement or behavior. Drag the model to its starting position, and add a "go to xy" block. Use a "point in direction 90" block, so the sprite stands up straight. Add a "set size" block to return it to normal size.

Next, make your model react to a user. Click the Events menu. Add a "when I receive" block to the top of the stack, choose "new message," then enter a name that describes your model's behavior. Next, select the Lens sprite. Right click and duplicate one of the "if touching color" block stacks. Update the "touching color" block to match the part of the outfit that will start the sprite’s movement or behavior.

Select events, and drag out a "broadcast" block. Choose a new message from the dropdown.

Update the "say" block to describe this outfit’s special feature.

Click the flag to test. Great! It is important to always go to the Project Page and add instructions so others will know how to use your project! Be specific about the keys they should push! You can also add a thank you message to club members or your teacher in the Notes and Credits. Now, it's your turn.

Add a special feature to your fashion innovation to make model move or behave in an unexpected way. Add a "when I receive" event to the code for the unexpected behavior. In the Lens sprite, duplicate an "if touching color" block, update the color, and add a “broadcast” block.

Choose an Add-On
Fashion Playlist
Allow the user to choose the music your project plays.
More Models
Select a second model, and allow the user to switch between the two choices.
Add Sound
Add sound that plays each time the user clicks on the model.
Fashion Feature
Draw another feature on your fashion and make your model react when that feature is clicked.
Make an Entrance
Program your model to spin onto the stage.
Special Effects
Create an effect each time the user clicks the outfit.
arrow_backward Back
Next arrow_forward
  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!