Subscribe:  iCal  |  Google Calendar
7, Mar — 1, Jun
Copenhagen DK   25, Apr — 8, May
Gyeonggi-do KR   25, Apr — 28, Apr
Copenhagen DK   25, Apr — 29, Apr
Vilnius LT   2, May — 4, May
Latest comments
by Krzysztof Czerwiński
4 hours ago

Congratulations Lukas:) Amazing piece of 3D parametric shader:) thank You for sharing Your knowledge:)

Great studio. Great game will be.

by Parag Ponkshe
20 hours ago

Maybe ... but dont try to touch it xD

7 posts
0 questions answered
Spine is an animation tool that focuses specifically on 2D animation for games. Spine aims to have an efficient, streamlined workflow, both for creating animations and for making use of those animations in games.

Animation in Spine is done by attaching images to bones, then animating the bones. This is called skeletal or cutout animation and has numerous benefits over traditional, frame-by-frame animation:

Smaller size Traditional animation requires an image for each frame of animation. Spine animations store only the bone data, which is very small, allowing you to pack your game full of unique animations.
Art requirements Spine animations require much fewer art assets, freeing up time and money better spent on the game.
Smoothness Spine animations use interpolation so animation is always as smooth as the frame rate. Animations can be played in slow motion with no loss in quality.
Attachments Images attached to bones can be swapped to outfit a character with different items and effects. Animations can be reused for characters that look different, saving countless hours.

  • Spine-80.lv
  • Spine-80.lv
  • Spine-80.lv
  • Spine-80.lv

Mixing Animations can be blended together. For example, a character could play a shoot animation while also playing a walk, run or swim animation. Changing from one animation to another can be smoothly crossfaded.
Procedural animation Bones can be manipulated through code, allowing for effects like shooting toward the mouse position, looking toward nearby enemies, or leaning forward when running up hill.




Dopesheet of Spine © Spine, 2015

The dopesheet is at the heart of animating. It provides a detailed view of all the timelines that make up an animation and allows fine adjustments to be made to the animation’s timing.


Instead of drawing rectangles, meshes allow you to specify a polygon inside your image. This improves the fill rate because pixels outside the polygon won’t be drawn, which is especially important for mobile game. Meshes also enable FFD and skinning.
Graph Editor


Spine graph editor © Spine, 2015

The graph editor defines bezier curves for interpolation between keys, allowing for much more life-like movement.
Free-Form Deformation


Model deformation in Spine © Spine, 2015

Free-Form Deformation (FFD) allows you to move individual mesh vertices to deform the image. FFD allows meshes to stretch, squash, bend and bounce in ways that aren’t possible using rectangular images.
Unverse Kinematics


Unverse Kinematics © Spine, 2015

Constraints can be defined to animate using inverse kinematics (IK) and the Pose tool makes use of IK to quickly pose a skeleton.


Bone skins in Spine software © Spine, 2015

Skins allow switching between sets of attachments. They provide organization for attachments and enable animations that change attachments to be reused for different characters.
Export formats


A depiction of formats Spine software supports © Spine, 2015

Spine exports animation data in its own, documented JSON and binary formats which is ideal for use with the Spine runtimes. Spine can also export animated GIFs, PNG or JPG image sequences and AVI or QuickTime video.

Still have questions?
Nathanaël Lesage talked about Fishing Cactus' latest title Shift Quantum started as a 2D flash game and turned into an indie cyberpunk project in 3D style.

7 August, 2018

Illustrator and 2d game artist Aïda de Ridder showed how she animates her amazing characters in 2d.

29 June, 2017

An indie company from Russia Ellada Games recently announced game Niffelheim. It's filled with Vikings, crafting and a very detailed 2D world.

14 May, 2015


2 April, 2015


2 April, 2015


2 April, 2015