Spine
Events
Subscribe:  iCal  |  Google Calendar
7, Mar — 12, Jun
Breda NL   23, Apr — 26, Apr
24, Apr — 27, Apr
Vilnius LT   3, May — 5, May
Los Angeles US   10, May — 11, May
Latest comments
by manictaylorj@gmail.com
2 hours ago

If you're willing to compile it, Aseprite is a great option as well.

by tharlevfx
14 hours ago

check my website for the latest tips - always updating with new content!

by Alberto Abad Sanz
19 hours ago

So sad...

Spine
Tools
0 followers
6 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.

Features

Dopesheet

Spine-80.lv

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.

Meshes

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-80.lv

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

Spine-80.lv

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

Spine-80.lv

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.
Skins

Spine-80.lv

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

Spine-80.lv

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.

Articles
Videos
Questions
Still have questions?
Illustrator and 2d game artist Aïda de Ridder showed how she animates her amazing characters in 2d.

29 June, 2017

6929 views
3 comments
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

2067 views

2 April, 2015

729 views

2 April, 2015

600 views

2 April, 2015

623 views