add animation support

assets/graphics/objects.atlas

@@ -4,255 +4,283 @@ size: 512, 512
 format: RGBA8888
 filter: Nearest, Nearest
 repeat: none
-hero/walk_down
+hero/idle_down
   rotate: false
   xy: 2, 410
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
   index: 0
-hero/walk_down
+hero/idle_left
   rotate: false
   xy: 2, 342
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 1
-hero/walk_down
+  index: 0
+hero/idle_right
   rotate: false
   xy: 70, 410
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 2
-hero/walk_down
+  index: 0
+hero/idle_up
   rotate: false
   xy: 2, 274
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 3
+  index: 0
 hero/walk_down
   rotate: false
   xy: 70, 342
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 4
+  index: 0
 hero/walk_down
   rotate: false
   xy: 138, 410
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 5
+  index: 1
 hero/walk_down
   rotate: false
   xy: 2, 206
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 6
+  index: 2
 hero/walk_down
   rotate: false
   xy: 70, 274
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 7
+  index: 3
 hero/walk_down
   rotate: false
   xy: 138, 342
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 8
-hero/walk_left
+  index: 4
+hero/walk_down
   rotate: false
   xy: 206, 410
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 0
-hero/walk_left
+  index: 5
+hero/walk_down
   rotate: false
   xy: 2, 138
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 1
-hero/walk_left
+  index: 6
+hero/walk_down
   rotate: false
   xy: 70, 206
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 2
-hero/walk_left
+  index: 7
+hero/walk_down
   rotate: false
   xy: 138, 274
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 3
+  index: 8
 hero/walk_left
   rotate: false
   xy: 206, 342
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 4
+  index: 0
 hero/walk_left
   rotate: false
   xy: 274, 410
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 5
+  index: 1
 hero/walk_left
   rotate: false
   xy: 2, 70
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 6
+  index: 2
 hero/walk_left
   rotate: false
   xy: 70, 138
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 7
+  index: 3
 hero/walk_left
   rotate: false
   xy: 138, 206
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 8
-hero/walk_right
+  index: 4
+hero/walk_left
   rotate: false
   xy: 206, 274
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 0
-hero/walk_right
+  index: 5
+hero/walk_left
   rotate: false
   xy: 274, 342
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 1
-hero/walk_right
+  index: 6
+hero/walk_left
   rotate: false
   xy: 342, 410
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 2
-hero/walk_right
+  index: 7
+hero/walk_left
   rotate: false
   xy: 2, 2
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 3
+  index: 8
 hero/walk_right
   rotate: false
   xy: 70, 70
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 4
+  index: 0
 hero/walk_right
   rotate: false
   xy: 138, 138
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 5
+  index: 1
 hero/walk_right
   rotate: false
   xy: 206, 206
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 6
+  index: 2
 hero/walk_right
   rotate: false
   xy: 274, 274
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 7
+  index: 3
 hero/walk_right
   rotate: false
   xy: 342, 342
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 8
-hero/walk_up
+  index: 4
+hero/walk_right
   rotate: false
   xy: 410, 410
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 0
-hero/walk_up
+  index: 5
+hero/walk_right
   rotate: false
   xy: 70, 2
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 1
-hero/walk_up
+  index: 6
+hero/walk_right
   rotate: false
   xy: 138, 70
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 2
-hero/walk_up
+  index: 7
+hero/walk_right
   rotate: false
   xy: 206, 138
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 3
+  index: 8
 hero/walk_up
   rotate: false
   xy: 274, 206
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 4
+  index: 0
 hero/walk_up
   rotate: false
   xy: 342, 274
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 5
+  index: 1
 hero/walk_up
   rotate: false
   xy: 410, 342
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 6
+  index: 2
 hero/walk_up
   rotate: false
   xy: 138, 2
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
-  index: 7
+  index: 3
 hero/walk_up
   rotate: false
   xy: 206, 70
   size: 64, 64
   orig: 64, 64
   offset: 0, 0
+  index: 4
+hero/walk_up
+  rotate: false
+  xy: 274, 138
+  size: 64, 64
+  orig: 64, 64
+  offset: 0, 0
+  index: 5
+hero/walk_up
+  rotate: false
+  xy: 342, 206
+  size: 64, 64
+  orig: 64, 64
+  offset: 0, 0
+  index: 6
+hero/walk_up
+  rotate: false
+  xy: 410, 274
+  size: 64, 64
+  orig: 64, 64
+  offset: 0, 0
+  index: 7
+hero/walk_up
+  rotate: false
+  xy: 206, 2
+  size: 64, 64
+  orig: 64, 64
+  offset: 0, 0
   index: 8

assets/maps/objects.tsx

@@ -3,6 +3,8 @@
  <grid orientation="orthogonal" width="1" height="1"/>
  <tile id="0">
   <properties>
+   <property name="animation" value="WALK"/>
+   <property name="atlasAsset" value="OBJECTS"/>
    <property name="speed" type="float" value="5"/>
   </properties>
   <image source="objects/hero.png" width="64" height="64"/>