Contact Us

Awesome 2D Games Animation tool with Spine

Android, Games, iOS, Technologies | June 6, 2013

The above title is also the topic of the speech by Stefan Nguyen, Vinova Lead Game Developer, in Casual Connect Asia 2013.

As a part of Casual Connect Asia 2013, besides the Indie Showcase, representatives from hundreds of companies came and delivered speeches that focused on different cutting-edge topics in the casual game space. To be honored, Stefan had a 20-minute presentation to introduce and share his experiences with Spine – an awesome 2D Games Animation tool that Vinova used during the development of Ultimate Arrow. Thanks to their presentation of Stefan, Vinova had a chance to invite the audience to our booth in the Indie showcase for further discussion about Ultimate Arrow.

As mentioned before in our previous post, at Casual Connect Asia 2013, we won the “Best of Show” award with the game Ultimate Arrow. Ultimate Arrow is the 3rd 2D mobile game that Vinova developed. From Gasboy (our first 2D game) which only has 1 character with 1 animation in 15 frames and 90KB size on disk to our 2nd 2D game: God’s Rage which has 1 character with 17 animations in 402 frames and 1.3MB size on disk, our team could handle the character’s animation with frame-based animation using Anime Studio 9. However, after transitioning to Ultimate Arrow with multiple characters which are all detailed and designed with much more complicated motions compared to the first 2 aforementioned games, we then encountered a serious problem. For example, the first boss’ design occupied nearly 50MB of RAM and 20MB size on disk. This situation gave problems even for high-end mobile devices.

Fortunately, our team found Spine – a 2D animation tool for skeletal animation. Instead of using a single design for a whole character, a character in Spine is composed of several separate, smaller parts and a skeleton for its body. These smaller parts were then attached to the skeletons and animation was done on the bones. With Spine, we decrease the size of each character while maintaining or even improving the smoothness of the animation.

However, Spine cannot replace the frame-based animation tool (eg Anime Studio 9). The frame-based animation is suitable when the animation has only several frames or the character is small. Our suggestion is to use both animation methods in the game. Frame-based animation is for small characters while skeletal-based animation is for huge characters and/or those who need detailed, complex animations.

To sum up, Spine is a great 2D skeletal animation tool that smooths the animation in the game. It reduces the disk and RAM size usage. Spine is also an auto-generated animation transition with procedural animation. Different from frame-based animation, skeletal animation needs more computation at run-time.

Vinova had success with Spine!! How about you? Let’s download and experience this awesome 2D skeleton animation tool.

The free trial version of Spine is now available for downloading here.