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 make your stylist tool into a game that lets a user race against the timer to style your model! To start, program the accessory sprite to cycle through each accessory. Right now, the “next costume” block is under the right arrow key event. To make the accessories keep changing, remove the “when arrow key pressed” block, and drag out a “forever” loop. Place it around the “next costume” block.

Test your code!

The accessories are cycling very fast! That would make this game pretty difficult. Fix this by adding a “wait” block to your code. Tinker with the value in the “wait” block until you find a number that works best for you and your game. The smaller the number, the more challenging your game will be. Now, add a “when flag clicked” block to make your accessories cycle through as soon as you press the flag.

To make this feel like a game, you’ll need to use a timer. The timer block is a sensing block that displays how many seconds have passed since the user has pressed the flag.

The timer resets every time the flag is clicked. Click the sensing menu, and click the checkbox next to the timer block to show the current timer value. Cool! Now drag the “timer” block into your scripts editor. To program the game to stop running after the timer reaches a certain limit, add a “wait until” block from the control menu. Then, drag out a “greater than” block from the operators menu and place it inside the “wait until” block.

You’ll want this to say “wait until the timer value is greater than 10” so place the “timer” block on the left side of the inequality, and type in the value “10” on the right side of the inequality. You can tinker with the value. Change it to whatever works for your program. The higher the number, the more time a user will have to play your game. To make the program stop running, Scratch has a “stop all” block in the control menu. This block deactivates all the code in your project. Place the block after the “wait until” block. This block stack now reads “wait until the timer is greater than 10, then stop the program.” For this to happen every time, add a “when flag clicked” block to the top of this stack. Now test your code! When the flag is clicked, your accessories cycle through, and you have to race to place them on your model!

Great! Next, the game should let the user know when the time is up!

Add a “play sound pop until done” from the Sound menu above the "stop all" block.

Change the sound to something exciting. This example uses the “triumph” sound.

Click the flag to test. Great!

Once the timer value is greater than 10 seconds, the sound plays and the other code stops running.

Finally, program the accessory sprite to tell the user that they are going to play a game!

Drag out a “when flag clicked” block. Snap a “say for 2 seconds” block below that. Type a message for the user about the game. This example says ”Decorate the person in 10 seconds or less!” Now, it’s your turn!

Make the accessories in the costume menu constantly cycle using “next costume," “forever,” “wait,” and “when flag clicked” blocks.

Then, code your program to stop when the timer reaches 10 seconds using “wait until,” “greater than,” “timer,” “stop all”, and “when flag clicked” blocks.

Add a "play sound until done block" to alert the user that the game is over.

Give the user instructions about your game using a “say” block.

Try your new stylist game with your neighbor! See who can design the model the fastest!!

Choisir une extension
Crée un nouvel accessoire pour ton projet.
Souris flashy
Programme ton outil de stylisme pour créer une trace de couleur lorsqu'il se déplace sur l'écran.
Jeu de stylisme
Transforme ton outil de stylisme en un jeu qui permet à l'utilisateur de faire une course contre la montre pour habiller le mannequin.
Animer le mannequin
Programme ton mannequin pour qu'il s'anime quand tu places un accessoire sur lui.
Critique de mode
Crée un critique de mode et programme-le pour qu'il commente le projet de mode.
Son (Défi)
Ajoute du son à ton projet.
arrow_backward Retour
Suivant arrow_forward
  1. Clique sur l'une des fenêtres pour voir la vidéo sur les extensions.
  2. Quand tu as fini, reviens à la page des extensions et essaies-en une autre !