AuthorTopic: Sprite Animation software for Sprite sheets?  (Read 25734 times)

Offline r1k

  • 0010
  • *
  • Posts: 270
  • Karma: +0/-0
    • View Profile

Re: Sprite Animation software for Sprite sheets?

Reply #10 on: March 12, 2013, 08:58:20 am
I have had problems with Aseprite and importing sprite sheets.  It tends to replace whatever background color I have with a color in the sprite after I save it.
I also found the program I posted above messed up some colors after saving too.
Ill have a look at the program indigo posted though.

Offline HardcoreBadger

  • 0001
  • *
  • Posts: 39
  • Karma: +0/-0
    • View Profile

Re: Sprite Animation software for Sprite sheets?

Reply #11 on: March 12, 2013, 05:53:23 pm
if you use gamemaker (only for testing) the sprite editor can do that

also I just found Alferd Spritesheet unpacker, very interesting program !! check a video of it

Offline Mr. Fahrenheit

  • 0010
  • *
  • Posts: 326
  • Karma: +0/-0
    • View Profile

Re: Sprite Animation software for Sprite sheets?

Reply #12 on: March 12, 2013, 08:25:44 pm
I avoided posting in this topic when it was first bumped because it was like a year old, but since no one else seems to mind that: ASEPRITE can also do this.
Yeah I wasnt sure if I should mention that, haha, I didnt because I thought they were on a roll.  :D

Offline ericbloom

  • 0001
  • *
  • Posts: 21
  • Karma: +0/-0
    • View Profile

Re: Sprite Animation software for Sprite sheets?

Reply #13 on: March 28, 2013, 06:56:56 pm
Check Google for scripts relating to Photoshop and Sprite Sheets. I don't remember which one I'm using, but it takes all of your layers and turns them into a sprite sheet. Very very handy. I use the Timeline feature when making sprites, and there's the option to turn them into layers. From there you just make your canvas size the proper size to contain the sprite.

Offline Arne

  • 0010
  • *
  • Posts: 431
  • Karma: +1/-0
  • Panties.
    • View Profile
    • AndroidArts

Re: Sprite Animation software for Sprite sheets?

Reply #14 on: April 10, 2013, 08:35:50 pm
Since animating in PS is such a chore, I've written a program which loads my current sprite sheet and displays the animation. I run it in a separate window and just refresh when I've made some changes to the figures.

I suppose I could upload it, the problem is that all the values and file names are hard coded. Perhaps people could use it if I made a simple GUI for setting BG color, frame width and height, start and end frame, and frame delay.

But perhaps people require more features than that... such as chaining animations together so preview how a walk, run, jump looks.

Offline Indigo

  • Administrator
  • 0011
  • *
  • Posts: 946
  • Karma: +0/-0
  • Artist, Indie Game Dev
    • DanFessler
    • DanFessler
    • http://pixeljoint.com/p/849.htm
    • DanFessler
    • DanFessler
    • View Profile
    • Portfolio

Re: Sprite Animation software for Sprite sheets?

Reply #15 on: April 10, 2013, 08:49:30 pm
http://danfessler.com/abl/luckypreview/

This tool I made is pretty similar to what you're describing, Arne.  It allows you to also recycle old frames rather than simply cycle in order by specifying a frame sequence.  Developed it for past projects at work.  Load the sprite sheet via browse, set the rows and columns in the two blank boxes, set the FPS, and lastly set the frame sequence in the large box as comma separated values (ie. "1,2,3,4,5,6")

Alternatively, I also packaged the sprite sheet sequencer into a neat clean little class if you prefer to code your own wrapper for it:
http://danfessler.com/luckyspace/js/spritesheet.js

Include that file in your <head>, then in the body, mark up an <img> tag with the following syntax in it's onload property:
Code: [Select]
new spritesheet(image,columns,rows,FPS,$frames)
Example: (IMG tag needs to be wrapped inside a DIV)
Code: [Select]
<div class="spritesheet"><img src="images/colosalexcavator_3x3_lvl3.png" onload="new spritesheet(this,7,5,30,'1,2,3,4,4,3,2,1')"/></div>
It's what I used to make this page:
http://danfessler.com/luckyspace/
« Last Edit: April 11, 2013, 12:13:41 am by Indigo »

Offline Arne

  • 0010
  • *
  • Posts: 431
  • Karma: +1/-0
  • Panties.
    • View Profile
    • AndroidArts

Re: Sprite Animation software for Sprite sheets?

Reply #16 on: April 11, 2013, 01:02:41 am
I started on my little thing. Screenshot of Arnimation V0.1

Currently it just loads as many whole frames which fit on the source sheet. A static background can be loaded too. Images can be reloaded at any time. Character can be positioned with RMB.

Feature creep:
> RGB sliders for setting mask/alpha color.
> Display a list of all frames. Ability to drag-drop frames into 5 separate animation lists.
> A joystick/keyboard can be used to switch between these lists.
> Lists can be set to different movement modes (e.g. still, left, right, up, down, jump, fall) and speeds with flip option. It should cover the basic topdown and sidescroller stuff. However, the background is just an image there to provide immersion and can't be interacted with.
> File browser.
« Last Edit: April 11, 2013, 01:16:25 am by Arne »

Offline Arne

  • 0010
  • *
  • Posts: 431
  • Karma: +1/-0
  • Panties.
    • View Profile
    • AndroidArts

Re: Sprite Animation software for Sprite sheets?

Reply #17 on: April 11, 2013, 11:15:13 pm
Screenshot 2 - Worked on the GUI, error messages and stability/bugs. Implemented color sliders for the mask. I guess I could sample it from the top left pixel though.

Edit: Screenshot 3 - Implemented the mask color grab feature and got the animation set stuff halfway done. At the bottom I'll show a list of frames which can be plopped into the sets and played up using the linked controls. Not sure how to show the frames in the sets. Probably a string of numbers to save space. This thing needs to run at the side of PS so it can't be bulky. I should implement a CPU pause button so it doesn't eat CPU while I work in PS. Problematic with my Immediate Mode GUI so I'll just do a pause screen I guess.
« Last Edit: April 12, 2013, 02:25:10 am by Arne »

Offline Arne

  • 0010
  • *
  • Posts: 431
  • Karma: +1/-0
  • Panties.
    • View Profile
    • AndroidArts

Re: Sprite Animation software for Sprite sheets?

Reply #18 on: April 13, 2013, 11:46:52 pm
Just me again, reporting on my progress. Program is looking very complex now, but it sort of sets up a lot of stuff automatically.

Screenshot 4 - Frames lists can now added by clicking the frame list at the bottom. It got a vertical slider to save room. The images there are always scaled to 60px. The 5 set frame lists can be filled in automatically when loading. This function uses the rows on the sprite sheet. LMB mousing over the frame lists allows you to play the animation as if using a slider, which should be handy for checking frame-to-frame consistency. RMB red X'es a frame. The player will go back to the beginning of a list if it encounters a red X. I also added support for viewing up to 3 animations together. Added buttons for common frame widths and heights. Display panel now crops the stuff drawn inside. CPU pause/release done.

Support for movement and controls are next.

Offline Arne

  • 0010
  • *
  • Posts: 431
  • Karma: +1/-0
  • Panties.
    • View Profile
    • AndroidArts

Re: Sprite Animation software for Sprite sheets?

Reply #19 on: April 18, 2013, 12:33:14 am
I've been making some progress, and might upload a hopefully functional and stable version soon. After some GUI problems I had to abandon the idea of movement and physics, but changing animation set with the keyboard could be handy so I implemented that at least. With the free GUI space I added some frame editing controls. The sprites and BG image can be scaled 50%-200%. The background color can now be set for the general background and sprite list background at the bottom. I added some shadows to the GUI to help it separate, but certain colors can make it harder to read.

Screenshot of V0.65 - Here I'm fiddling with a 2 part sprite where the upper body is separate due to shooting/aiming etc.

This thing is immediate mode GUI, not the best choice perhaps since the widgets have to be constantly redrawn for their logic to work. It eats 27% of my 4 years old CPU. 0% when "CPU paused".