Sprite Animator Tutorial

This is a tutorial on how to use my Sprite Animator Plugin

Installation

Step 1

Install the Plugin: Sprite Animator Link

Step 2

Ensure that Script Injection is enabled.

Using the Plugin

Step 1

After installation, in Roblox Studio, go to the “PLUGINS” tab, click on the “Open Window” button.
image
Pressing this button should open the window as shown below.

Step 2

Fill up the respective properties of your spritesheet into the opened sprite animator window. (Details about each property is mentioned below)
image

Step 3

Select an instance in you explorer. The generated script will be parented to this instance.
image

Step 4

Click on generate. The script should now be parented to your selected instance.
image

Properties Description

Image - ImageID of your spritesheet, after uploading into Roblox
image

Columns - Number of columns in your spritesheet
image

Rows - Number of rows in your spritesheet
image

Width - The width size of your image (In pixels)
image

Height - The height size of your image (In pixels)
image
(Obtaining Width and Height is mentioned later in this post)

Number of Frames - Total number of frames in your spritesheet (Excluding empty frames)
image

Frames Per Second - The speed of frames displayed (This number can be customised to your preference)
image

Resample Mode - Use “Pixelated” if your spritesheet’s art style is pixelated. Otherwise, you can use “Default”. The image preview should display the change in resample modes used.
image

Obtaining Width and Height (This is Windows 11, may differ for other operating systems)

Go to your spritesheet in your file explorer, and open its file properties. The width and height can be found as shown below.
image

14 Likes

looks cool
i’m gonna try it out

1 Like