Skip to content

Please update your browser

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

1. Add a Sprite for Your Store Window

Transcript

(gentle guitar music)

Hey!

Welcome to day six of CS First Fashion and Design.

Today you'll build an interactive store window as you learn about objects.

In Scratch, an object is called a sprite.

As an object, each sprite has different attributes you can modify, including things like its size and color.

You can create multiple copies of an object using code.

In each copy we'll have the same attributes as the original.

For example, if you copy a sprite that says, Stop repeating everything that I say, its copy will say the same phrase.

In Scratch, the process of copying objects is known as cloning.

Today, you'll design your own storefront window using cloned objects, or sprites.

Check out these examples: Designers create store window displays to grab the attention of people walking by.

These displays use color, movement, and other effects, manipulated by code.

Winning storefront displays are quite sophisticated in their use of technology.

Some use eye-catching video content, while others incorporate interactive features that allow shoppers to change the contents of the window.

Some interactive displays project images on the ground that react when the shoppers walk across them.

When you design your interactive store display, you'll clone Scratch objects to fill your shop window.

In this example, the window displays fills with hippos, that vary in size, and fly at different angles.

After you finish watching this video, click the Window Shopper starter project link.

Sign into Scratch with your username and password, (gentle guitar music)

and click the Remix button.

Then, add a new sprite to your project.

This sprite will move across your window display, so choose something that will grab the eye of potential customers walking by.

(gentle guitar music)

Take a moment now to make sure you're signed in to the CS First website using the username and password from your passport.

If you're not signed in, you won't receive a digital badge for completing this activity.

So be sure to sign in.

Now it's your turn: Click the Window Shopper starter project link next to this video.

Sign in to Scratch.

Click the Remix button.

And add a sprite from the sprite library.

Next arrow_forward
Instructions
  1. Open the starter project.
  2. Sign in to Scratch.
  3. Remix the project.
  4. Add a sprite from the sprite library.
Attributions
  • "Compilation Interactive Floor" by vision2watch (https://www.youtube.com/watch?v=YFror-TOUW8) -- Licensed by Creative Commons Attribution 3.0 Unported (https://creativecommons.org/licenses/by/3.0/legalcode) -- Video trimmed to needed length | Audio removed | Video scaled up, cropping edges
  • "Emmanuelle Moureaux - 'Colorful Wind' Installation | UNIQLO | Duggal Visual Solutions" by DuggalNYC (https://www.youtube.com/watch?v=UnS22nmohW4) -- Licensed by Creative Commons Attribution 3.0 Unported (https://creativecommons.org/licenses/by/3.0/legalcode) -- Video trimmed to needed length | Audio removed
  • "interactive windows.flv" by Spider Max Group (https://www.youtube.com/watch?v=X-L_6_3-z4Y) -- Licensed by Creative Commons Attribution 3.0 Unported (https://creativecommons.org/licenses/by/3.0/legalcode) -- Video trimmed to needed length | Audio removed | VIdeo scaled up, cropping edges
  • "Kate Spade 24 Hour Window Shop 6.19.2013" by Timmy k (https://www.youtube.com/watch?v=UMDYSP1RmW8) -- Licensed by Creative Commons Attribution 3.0 Unported (https://creativecommons.org/licenses/by/3.0/legalcode) -- Video trimmed to needed length | Audio removed