The VG Resource

2D Skeletal animation editor tutorial...err not a tutorial... more like information

Notes:
-The white boxes around the blue screen are right clickable.(bottom, top left, top right)
--bottom box : textures
--top left : skeleton and bone tree
--bottomleft : properties for selected skeleton or bone. skeleton properties include draw order, where you can change it.
--top right: animations
-skeleton and bone properties are editable within the property control(bottom left)
-bone transformation values are local to the bone
-when a bone transformation value is changed, it becomes a key value.
-Key values are indicated by yellow number boxes
-When you edit frame 0, your editing the "default" position of the skeleton.
-Draw order can be changed by going clicking on the skeleton node and editing the draw order property

found
-IMPORTANT: when saving, saved textures have a limited size of 2048
Buttons:
d : delete key frame value:
click inside a bone transformation number box,
type in "d" and the key value with be removed for that value

Right mouse button drag:
-offset origin of the sprite attached to the bone

left mouse button:
-change bone value for position,rotation, or scale.


GUI:

Transformations:
Translate : change position of bone.
Rotate: Rotate the bone around the Z axis
Scale : scale the bone

Play Button:
plays the animation

FPS number box:
speed at which to play the animation

Frame number box:
indicates current frame
Frame number box(2) :
indicates total frames within animation

check box loop:
whether or not to loop the animation

Textures box:
set as texture:
set texture of the current bone
add textures:
load in sprites

Properties control:
shows properties of currently selected object(bone or skeleton)

File:
Save:
A window will pop up asking for the width and height.
These values correspond to the number of frames per column and row(in that order)
after clicking OK:
use middle mouse button drag to create the "view" of the animation. This will be used for saving

the animation.
About:
Click it =)
Frames:

Insert Button:
insert a non key frame...frame before the current frame. Useful for controlling the

speed of animations from frame to frame.

Delete button:
delete the current frame

Skeleton Transformations:
Copy/Cut/Paste/Delete the entire skeleton transforms. Useful for key framing the entire pose.
Bone transformations:
similar to the skeleton transformations buttons, but only for the current bone.

Swipe

pick up

idle