Need help with scripting an animation with sprite sheets

Help and Feedback Scripting Support
#1

You can write your topic however you want, but you need to answer these questions:

  1. What do you want to achieve? Keep it simple and clear!
    I want to make a animation play with this sprite sheet.
    bf_menu_sprites
    bf_menu_sprites6660×832 317 KB
  2. What is the issue? Include screenshots / videos if possible!
    I’m not that good of a scripter and I don’t know how to script with sprite sheets to make animations. Also, the sprite sheet contains sprites for 2 different animations, and I want to know how to separate those animations and name them so I can use them for whatever I need.
  3. What solutions have you tried so far? Did you look for solutions on the Developer Hub?
    I tried finding some posts on the dev forums that might help me but they don’t have what I’m looking for.
#2

You could try uploading each sprite as a decal, then creating a script which changes them however long you want them.

#3

The thing is, that the game I’m making is using spritesheets for all the animations.

#4

And theres a lot of animations for characters.

#5

Plus, it would be really time consuming since every sprite sheet im using has more than 30 sprites.

#6

I did something similar to this with GIFs and SurfaceGUI, my friend showed me this handy script. You could most likely modify this to work for your case. I like this one in particular because you can control the FPS. It’s set up where you can have multiple GIFs on a screen, and switch them with a command. To convert your GIFs into a sprite sheet, you can use this if you need to.

Note: You can ignore the plr = owner stuff, that’s because it was made to work on a special case.

1 Like
#7

You could do something like this, though it is very inefficient.

while true do
wait()
	script.Parent.ImageRectOffset = Vector2.new(240,240)
	for i = 1,4 do
		wait(1)

	script.Parent.ImageRectOffset = Vector2.new(script.Parent.ImageRectOffset.X+240,240)
	end
end

You will need to change the image size and offset too.
Change the vector2 values to whatever flips to the next frame.

#8

Thanks! Since the spritesheets are really big I can just seperate each of them for each animation.
Example (yes im using fnf/friday night funkin’ spritesheets):

boy_assets
boy_assets8192×4096 3.86 MB

#9

Watch out though, I don’t think some of those sprites are Roblox friendly!

1 Like
#10

Yeah I know, I already have the open source game files, so I can open adobe animate and edit the animations from there.

1 Like
#11

Is there a site where I can find the fps for the spritesheet im using? The spritesheet im using isnt mine and is taken from a game outside of roblox, so I dont know the fps of it.

#12

The FPS doesn’t have to be the same as the GIF. I don’t know much about FNF, but the animations are probably 30 FPS, to keep traditional with flash games. If that doesn’t look right, you can just play around with it until it looks good.

1 Like
#13

Thanks for the script! If I can’t find a way to make it work with a screen gui then I’ll tell you.

#14

No problem! I’ll let my friend know it helped you.

1 Like
#15

I have a question, how would I make it so for the idle animation it starts at the frame i want it to instead of the first frame? Since the first frame is for another animation thats not the idle animation.

#16

Also, what is the setup_gif() for?
Nevermind, I found out.

#17

You could maybe set the currentFrame to the start of the idle animation, but you’d have to do some code logic yourself for that. If you’d want to do it multiple times, you could add a new option called startingFrame or something, so you wouldn’t have to specify it for each gif that needs it.

#18

Ok, So, Its showing the image but it isnt looping through the frames

#19

Heres my edit:

local img = script.Parent

local gifs = {
	['bf_menu_idle'] = {
		image_id = 6410277917,
		rows = 1,
		columns = 0,
		fps = 30,
		frames = 5,
		full60fps = false,
	},
	['bf_menu_HEY!'] = {
		image_id = 6410277917,
		rows = 1,
		columns = 0,
		fps = 10,
		frames = 3,
		full60fps = false,
	},
	['template'] = {
		image_id = 1234567890,
		rows = 1,
		columns = 1,
		fps = 30,
		frames = 10,
		full60fps = false,
	},
}
 

local image = img
local currentFrame = 1
local currentRow,CurrentColumn = 0,0
local linear = false
local rows,columns = 0,0
local fps = 1
local frames = 0
local full60fps = true
local size = img.Size

function setup_gif(id)
	local gif = gifs[id]
	if gif then else return end
	rows = gif.rows
	columns = gif.columns
	currentRow,CurrentColumn,currentFrame = 1,1,1
	full60fps = gif.full60fps
	fps = gif.fps
	frames = gif.frames
	image.Image = 'rbxassetid://' .. gif.image_id
end

setup_gif('bf_menu_HEY!')

while true do
	if not full60fps then wait(1/fps) else game:GetService("RunService").Stepped:Wait() end
	if linear then
		print("linear animation")
	else
		CurrentColumn = CurrentColumn + 1
		if CurrentColumn > columns then
			CurrentColumn = 1
			currentRow = currentRow + 1
		end
		if currentFrame > frames then
			currentRow,CurrentColumn,currentFrame = 1,1,1
		end
		currentFrame = currentFrame+1
	end
end
1 Like
#20

Oh wait, I get why It’s not working :sweat_smile: ImageLabels use ImageRectOffset and I just deleted the studspertile which I think is what makes it work. So I would have to change studspertile to ImageRectOffset

1 Like