Skip to content

Please update your browser

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


Hey, my name is KaMar and I am going to tell you about the “New Fabrics” add-on.

In this add-on, you’ll create new costumes to show off your pattern.

The pattern maker creates a pattern that covers the entire stage. Then, a shape cutout is shown over the pattern, allowing the designer to see it on different materials.

To create your costume, you’ll draw a new item, then make parts of it transparent to see the pattern. To start, click the fabric sprite. Then, click “paint new costume.” Paint the entire costume white. Select the “fill” tool and the color white, then click the costume.

Then, draw an object for the pattern to print on.

For example, you could write your first name or the name of your future fashion company.

You could draw clothing or a fashion accessory. You could also add a sprite. Click “add,” Select a sprite for your costume. After you draw or add an object, select the fill tool and the transparent color. The transparent swatch is a white square with a red line through it. Then, click objects where you’d like to see your pattern. For example, on this fashion company name, each letter is filled with the transparent color. Now click the flag, and press the pattern key to test. Awesome! Create as many different items as you’d like to show off your pattern.

Now, it’s your turn! Create a new “fabric” costume.

Fill the canvas with white. Then draw or add a sprite, and fill areas with the transparent color.

Choose an Add-On
Welcome to My Project
Program a sprite to introduce your project.
Color Selector
Enable the user to pick the color of the pattern.
Alternating Patterns (Challenge)
Create a unique alternating pattern.
Soundtrack (Challenge)
Add background music to your project.
New Fabrics
Add more fabrics to your pattern maker.
Title Sprite
Add a title slide to your project.
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!