Creating a Sparkler

Creating a Sparkler

You’ve learned the basics of particles, now apply those skills to design a sparkler that can be carried around by people. Just like blasts, the particles can be customized for different effects, like magical stars or raging flames.

In addition to the properties covered in the Build It, Play It challenge, this tutorial will use color gradients which allows particles to change colors over time, like from blue to yellow as seen in the video. The sparklers can be used with the Mansion of Wonder template or any other experience you’ve created.

Find a Tool

For this tutorial, sparklers are tools with attached particle effects. In Roblox, tools are items players equip; if you’ve played an experience with a sword or gun, it’s likely you’ve used tools before.

To start, add the pre-made sparkler set into your existing experience. You’ll then choose one and customize its particle emitter

  1. Start by going to the Sparkler Set webpage. On the page, click the Get button and follow the prompts. This adds the set into your Inventory, which is accessed in the Toolbox.
  1. In Roblox Studio, find the Toolbox. If it’s not open, go to the View tab and click the Toolbox button.
  1. In the Toolbox window, click the icon for Inventory.
  1. Make sure the left dropdown is set to My Models. Then, find and click on Sparkler Set. This will add the parts into your game.

Create the Particle

Each sparkler comes with a customizable particle emitter. Follow the steps to find the particle, change its texture, and then create the color gradient.

  1. Select one of the pre-made tools. In the Explorer, find the highlighted part. Then, click the arrows to expand until you find Attachment and select SparklerParticle.
  1. Change the Texture property. Some texture ID’s are included below.
When finished, a tool may look like the example below.
  1. Find the Color property and click anywhere in the row next to its name. Then, press the to open the Color Sequence editor. You’ll learn how to edit the color in the next section.

Create a Color Gradient

Each arrow on the color sequence represents a different color. Colors can be changed, added, removed, or moved around. Use a combination of techniques to create a color gradient, like the example below.

Changing a Color

Under the color sequence, select an arrow . Then, click the Color button to open the color picker and set a new color. Note that arrows are yellow when selected.

Adding or Remove Colors

To add a color, click on the color sequence. This adds a new arrow that can be clicked. To remove a color, click on an arrow and click the Delete button on the screen.

Moving Colors

To move a color, click on any arrow other than the start or end arrows and drag it to a new area.

Take Time to Improve

After creating a color gradient, use your knowledge from the previous lessons to change properties like Size and Speed to get the particular effect you want.

Finish the Sparkler

So players can have the sparkler when the experience starts, you’ll need to move it to the StarterPack. This folder holds all items a player receives when they join.

  1. In the Explorer, find the tool of your choice, such as Staff Sparkler or Torch Sparkler. Right click on that tool and select Cut. This copies the staff to your clipboard, but also deletes.
  1. Scroll down in the Explorer until you find the StarterPack. Right click on it and select Paste Into to add the tool.
  1. Playtest project, and select the sparkler from your backpack by pressing 1 on your keyboard. Note that you can repeat this process to make more sparklers.

Each sparkler has a name that’s shown to players in the experience.

  • To rename a sparkler, in the Explorer, right click on it the tool and select Rename.

Challenge Checkpoint

You got your animation ready! Celebrate your new skills by getting the Head Slime avatar item and Glimmer and Gumption badge.

  1. Copy the code below to start.
  1. Click Enter World below to open a Roblox game. In the game, interact the in-game character and click REDEEM CODE. Use the code on this page to get your item.

Previous Next Steps Next