In Friends, students are encouraged to sign up with a friend or make a new friend in the club. Friends emphasizes teamwork by allowing club members to tell the story of how their friendship started and imagine a company together.

In Fashion & Design, students learn how computer science and technology are used in the fashion industry while building fashion-themed programs, like a fashion walk, a stylist tool, and a pattern maker.

Students create fun and complex animated projects. This is an advanced curriculum, which means it teaches new concepts that are recommended for students who have already participated in at least two other CS First themes.

4. Change Up Your Accessories

Playback Speed:

Transcript

Right now, your stylist tool only stamps one type of accessory. In this video, you’lladd more features to your stylist software, so the user will be able to press a key tochange the type, color, and size of the accessory. To start, click the costume tab to check outthe different types of accessory costumes. Remember from day 2 that you can click a costumeto change it, but you can also program it to change with a “next costume” block.

In the scripts tab, click the looks menu, and drag out a “next costume” block.

To trigger this “next costume” block, you’ll need another event.

Drag out a “when space key pressed” block. Change the key to something that makes senseto trigger an accessory change. If you’re designing this software for a stylist, theyshould be able to easily understand which keys do what.

This example uses the right arrow. That seems like a “next costume” type of action.

Try it out. Remember to test your code after each step to find and fix problems, or bugs,as soon as they’re created.

Awesome,, now the arrow key triggers the sprite’s costume to change.

Next, program an event to change the accessory’s color.

Drag out a "change color effect by 25" block. Test some different values. Smaller numberswill change the accessory to a color that's slightly different, and larger numbers willchange it to a color that's totally different.

This block needs to be triggered by an event, so drag out a “when key pressed” block,and change the key to something that makes sense for a color change. Test again. Awesome!

Next, change the size of the accessory. From looks menu, drag out a “change sizeby” block. Click it, and notice that the accessory gets larger. To make the spritesmaller, try a negative number. Now that you know which block makes the spritelarger and smaller, it’ll be up to you to figure out how to trigger it. You’ll needto use more than one event: one to make the sprite larger, and one to make it smaller.

You can also tilt your accessory by using another keypress event and a turn block fromthe motion menu. Tinker with these blocks if you have time to add extra features.

Once you program all the features, try them out. Use the stylist tool to accessorize yourmodel. Make sure that everything works how you want it to, and if it doesn’t, tweakyour program to make it better. Feel free to change the look of the backgroundor the accessories. You can even add a new accessory costume!

Finally, tell users how to use your program. Save your project, then click "see projectpage." In the instructions section, write which keys to press to change the accessorytype, size, and color. Also tell them how to stamp it.

Once you’ve finished programming the steps from this video, use your creativity to seewhat else you can add! Check out these other projects made by CS First students to getsome ideas for your own project. Now, it's your turn. Add events that allowa user to change the type, size, and color of the accessory. When you're done, come backto this page and click the green “next” arrow to find out how you can customize yourproject with add-ons. Add instructions to your project page thattell the user which keys to press.