Program for spritesheet?

I’m looking for a good program (free) to use to create a sprite sheet. I want to use it with Slick2D and create some nice animations for my golden coins as they fall down the screen. I’ve never done sprite sheets or animation before so any tips/techniques would be appreciated :slight_smile:

GIMP or Aseprite are good options. GIMP is a highly recommended free alternative to Photoshop.

Really, pixel art doesn’t need much in the way of tools (since you should be drawing everything with a pencil tool anyway), but having a program like Photoshop or GIMP can still help you tons. Once you get really deep into complicated pixel art, it’s nice to have layers, selection tools, action scripts and other advanced tools.

Exactly what I’m looking for, thanks a bunch! :slight_smile:

Paint.NET if you’re on Windows and don’t have PS.

Much simpler than GIMP, but you have to be on Windows.

Can I get square brushes for paint.net? :slight_smile: pixel art stuff. Not bothered if I have to download them etc

Well usually pixel art is drawn pixel by pixel, so the “pencil” tool (1-wide brush) is a square brush.
Otherwise I don’t think it does. (not at home to check, sorry)

But if GIMP is too intimidating, give PDN a try.

Fair point :slight_smile: I usually like nice big squares but I will sure give paint.net a try as well :slight_smile:

Tip for pixel art: use the Grid to easily see the pixels.

Thanks :slight_smile: that’s really useful (I downloaded PDN)

Strange… My animation displays all the images in a line rather than just one at a time on the screen. I watched a video about the animation and spritesheet classes and I followed everything the guy did but I got different results. Do I have to use a method to manually separate the sprites?

Below you can see my sheet. The images are not perfect yet, I just wanted to test it out before spending ages making images.

What are you talking about? Are you just slapping whole texture onto the quad?

In the video the guy used an image very similar to mine that had 4 different images on and first called the sprite sheet method in the init and then the animation method as well. When he ran the game, they were displayed one at a time on the screen. He somehow split the images up from his sprite sheet. I’ve linked the video at the part where he did so.

4c7QeQDSY9s
it’s at 4:02

Maybe you entered image width, height in new SpriteSheet(…, int spritewidth, int spriteheight) instead of individual sprite coordinates?

Ahh I think I understand. I need to specifically go through the sheet and grab the images I want to use? That’s really weird because the guy didn’t seem to do that in the video

No, you need to tell SpriteSheet() how large the sprite you’re animating is, so it can “cut out” the individual “slide” for you.
The spritesheet is like a slideshow, the image contains multiple slides (which are scrolled through), but it can’t figure out by itself how large a slide is.

Oh, I did that with 32, 32 as that is the size of my coins I made in the sheet. I think one of them is a different size… does that make a difference? :o

They all have to be the same size.

Edit: the regions have to be the same size. The contained sprite images don’t have to fill each region, just make sure that they don’t overlap region boundaries.

Ah right, one of them is very slightly smaller, I will re size it and see what that does

Thanks guys :slight_smile: I got it working. Sorry for the noob questions, I only started learning game programming this week but I’ve learned alot… and now about animation and sprite sheets :D. I have one final question.

My coins sprite sheet means that my coins rotate as they fall, how would I go about a walking animation such as key presses and jumping etc?

You would go about it the same way. Create a spritesheet or expand the current sheet to have a different animation for each type. Then use states to choose which animation to use while certain actions are done.