Pages

Animations - working my way into Spine (and Spriter)


It's been a while and as usual a mix of real life turmoil and health issues stopped me from doing what I enjoy... but I have not been 100% lazy, laid back and enjoyed a nice long vacation. 

I started to work my way into Spine and Spriter to finally get to those animation tutorials. There is one waiting for the robot game, another one from the request list and the special fx swoosh and swirl parts would like nice animated. 

So... I went and took the Green Dwarf (from the free art bits) and modified him a little bit to work. Just a minor variation on the faces and mouth parts. 


I started with Spine, the setup takes a little bit of time to get into and a few good videos will help understand the process (and yes, I will record a video or two on setup and animation). I am very impressed with the flexibility of the program. It allows alterations of the skeleton at all times, the x-sorting can be adjusted per animation, turning elements on and off is very intuitive and the exported data worked fine with the coder friends who tested it on different platforms. 

I started with a basic idle animation (to see how things interact), continued with a walk (which is a little more complex when you have fixed legs and not separated upper, lower legs and feet) and then played with the tools that are part the dwarf art. The walk would look different with or without them. Luckily it's a breeze creating a copy of an animation in Spine and modifying it to create variations. 

I will record a video soon (once I am a bit more confident) and will also turn the assets for the dwarf and the skeleton back to free. 


I strongly recommend checking Spine out when you are looking for a 2D bone based animation tool: 

Chris Hildenbrand

2D game artist, pixelpusher, vector bender, face turner for over thirty years. I worked on more games than I can remember... The most recent release is "Super Crossbar Challenge" for iOS (Android coming soon) with Shattered Box, Fredbear Games and PlayPlayFun.

9 comments:

  1. Looking forward for the video :D

    ReplyDelete
  2. Just a thought: use scale more often in your animation, squash the character a bit when he is in the lower position of the walk, it will look more natural.

    ReplyDelete
  3. I like to see this post.

    I own spriter, and can't imagine a way to make your sprites work. Because there are less parts than other sprites. For example, the legs usually are 3 parts in the spriter examples and you use just one part.

    Seeing how you squeeze the legs in the example open new frontiers to me. Thanks :)

    ReplyDelete
  4. did you try "DragonBones" http://dragonbones.com it's a free bones animation software.

    ReplyDelete
  5. I did download it - but totally forgot all about it... Let me install it and try... I am all for free software... :)

    ReplyDelete
    Replies
    1. i know... that why i wrote that. :)

      Delete
    2. Will be intriguing to know your point of view on Spine, Spriter and Dragonbones. Been following your tutorials for a long time and are interested how well they integrate into your work flow.

      Delete