css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<html>
<head>
  <meta charset="utf-8">
  <title>Skeleton Demo</title>
</head>
<body>
<style>
  html, body{
    padding: 0;
    margin: 0;
  }
  #demo{
    width: 0;
    height: 0;
    transform: translate(200px, 150px) rotate(-5deg);
  }
</style>

<div id="demo">

</div>
  
</body>
  

<script src="//g.alicdn.com/gama/skeleton/1.0.0/index.js"></script>
<script>
  setTimeout(function(){
    var skeleton = new Gama.Skeleton(document.getElementById('demo'), {
      image: 'https://img.alicdn.com/tps/TB1ftQ_KpXXXXaFXpXXXXXXXXXX-922-680.png',
      tpJSON: window.tpJSON,
      skJSON: window.skJSON,
      scale: 0.18
    });
    skeleton.play('walk');
  }, 10)
</script>
  
<!--data exported by DragonBones and glue-->
<script>
var skJSON = {
  "armature": [{
    "bone": [
      {"transform": {}, "name": "root"}, {
        "length": 150,
        "transform": {"y": 50.5419, "skX": -94.9653, "skY": -94.9653, "x": 26.0941},
        "name": "body",
        "parent": "root"
      }, {
        "length": 120,
        "transform": {"y": 46.9, "skX": -156.0107, "skY": -156.0107, "x": -95.6182},
        "name": "legR",
        "parent": "body"
      }, {
        "length": 150,
        "transform": {"y": 31.3927, "skX": 159.9921, "skY": 159.9921, "x": 80.5853},
        "name": "armUpperR",
        "parent": "body"
      }, {
        "length": 150,
        "transform": {"y": -60.2758, "skX": -154.3312, "skY": -154.3312, "x": -71.0496},
        "name": "legL",
        "parent": "body"
      }, {
        "length": 150,
        "transform": {"y": -5.8037, "skX": 11.4957, "skY": 11.4957, "x": 163.1145},
        "name": "head",
        "parent": "body"
      }, {
        "length": 70,
        "transform": {"y": -93.6047, "skX": -171.7742, "skY": -171.7742, "x": 74.4813},
        "name": "armUpperL",
        "parent": "body"
      }, {
        "length": 250,
        "transform": {"y": 70.127, "skX": 79.7425, "skY": 79.7425, "x": -117.1092},
        "name": "tail",
        "parent": "body"
      }, {
        "length": 80,
        "transform": {"y": -31.7416, "skX": -37.5342, "skY": -37.5342, "x": 1.423},
        "name": "clothes",
        "parent": "body"
      }, {
        "length": 60,
        "transform": {"y": 2.2256, "skX": 30.7088, "skY": 30.7088, "x": 66.7632},
        "name": "armL",
        "parent": "armUpperL"
      }, {
        "transform": {"y": -23.9957, "skX": 80.4531, "skY": 80.4531, "x": 140.2628},
        "name": "eyeR",
        "parent": "head"
      }, {
        "length": 150,
        "transform": {"y": -3.1008, "skX": -37.5192, "skY": -37.5192, "x": 257.8621},
        "name": "tailTip",
        "parent": "tail"
      }, {
        "transform": {"y": -101.188, "skX": 80.4531, "skY": 80.4531, "x": 133.7701},
        "name": "eyeL",
        "parent": "head"
      }, {
        "length": 80,
        "transform": {"y": -133.6248, "skX": -105.5036, "skY": -105.5036, "x": 7.4588},
        "name": "beardL",
        "parent": "head"
      }, {
        "length": 50,
        "transform": {"y": 0.5285, "skX": 35.2088, "skY": 35.2088, "x": 138.7492},
        "name": "armR",
        "parent": "armUpperR"
      }, {
        "length": 80,
        "transform": {"y": -35.857, "skX": 80.4531, "skY": 80.4531, "x": 23.2753},
        "name": "beardR",
        "parent": "head"
      }, {
        "length": 50,
        "transform": {"y": 80.6309, "skX": 86.9099, "skY": 86.9099, "x": 104.8249},
        "name": "hair",
        "parent": "head"
      }, {
        "length": 40,
        "transform": {"y": 1.1079, "skX": 17.875, "skY": 17.875, "x": 43.3874},
        "name": "handR",
        "parent": "armR"
      }, {
        "length": 80,
        "transform": {"y": -0.4273, "skX": 4.4133, "skY": 4.4133, "x": 66.6309},
        "name": "handL",
        "parent": "armL"
      }],
    "slot": [
      {"name": "tailTip", "parent": "tailTip"}, {"z": 1, "name": "armUpperL", "parent": "armUpperL"}, {
        "z": 2,
        "name": "armL",
        "parent": "armL"
      }, {"z": 3, "name": "handL", "parent": "handL"}, {"z": 4, "name": "legL", "parent": "legL"}, {
        "z": 5,
        "name": "body",
        "parent": "body"
      }, {"z": 6, "name": "tail", "parent": "tail"}, {"z": 7, "name": "clothes", "parent": "clothes"}, {
        "z": 8,
        "name": "hair",
        "parent": "hair"
      }, {"z": 9, "name": "head", "parent": "head"}, {"z": 10, "name": "eyeL", "parent": "eyeL"}, {
        "z": 11,
        "name": "eyeR",
        "parent": "eyeR"
      }, {"z": 12, "name": "legR", "parent": "legR"}, {"z": 13, "name": "armUpperR", "parent": "armUpperR"}, {
        "z": 14,
        "name": "armR",
        "parent": "armR"
      }, {"z": 15, "name": "handR", "parent": "handR"}, {"z": 16, "name": "beardL", "parent": "beardL"}, {
        "z": 17,
        "name": "beardR",
        "parent": "beardR"
      }],
    "skin": [{
      "name": "",
      "slot": [
        {
          "display": [{
            "type": "image",
            "transform": {"y": -10.5387, "skX": 80.4531, "skY": 80.4531, "x": 122.955},
            "name": "parts/head"
          }],
          "name": "head"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": 0.6195, "skX": 94.9653, "skY": 94.9653, "x": -0.9572},
            "name": "parts/body"
          }], "name": "body"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": -0.8219, "skX": 82.7421, "skY": 82.7421, "x": 81.6504},
            "name": "parts/tailTip"
          }], "name": "tailTip"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": -1.4511, "skX": 146.6156, "skY": 146.6156, "x": 34.7325},
            "name": "parts/handL"
          }], "name": "handL"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": -0.3072, "skX": 45.2229, "skY": 45.2229, "x": 120.9881},
            "name": "parts/tail"
          }], "name": "tail"
        }, {
          "display": [{"type": "image", "transform": {"y": -0.5, "x": 1.5}, "name": "parts/eyeR"}],
          "name": "eyeR"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": -6.0098, "skX": -94.0239, "skY": -94.0239, "x": 82.5819},
            "name": "parts/legR"
          }], "name": "legR"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": 5.0626, "skX": -88.1106, "skY": -88.1106, "x": 23.0456},
            "name": "parts/handR"
          }], "name": "handR"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": 4.3217, "skX": -148.2623, "skY": -148.2623, "x": 27.8984},
            "name": "parts/armUpperL"
          }], "name": "armUpperL"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": -6.446, "skX": -146.9135, "skY": -146.9135, "x": 101.115},
            "name": "parts/legL"
          }], "name": "legL"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": 0.3975, "skX": -4.9086, "skY": -4.9086, "x": 0.045},
            "name": "parts/hair"
          }], "name": "hair"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": 16.0499, "skX": 132.4995, "skY": 132.4995, "x": 32.3981},
            "name": "parts/clothes1"
          }], "name": "clothes"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": -2.8771, "skX": 98.2989, "skY": 98.2989, "x": 26.6948},
            "name": "parts/armL"
          }], "name": "armL"
        }, {
          "display": [{"type": "image", "transform": {"y": 0.2, "x": 61.6}, "name": "parts/beardR"}],
          "name": "beardR"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": -4.3543, "skX": -174.0434, "skY": -174.0434, "x": 49.9847},
            "name": "parts/beardL"
          }], "name": "beardL"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": 4.7392, "skX": 13.9232, "skY": 13.9232, "x": 56.5203},
            "name": "parts/armUpperR"
          }], "name": "armUpperR"
        }, {
          "display": [{"type": "image", "transform": {"y": 0.4, "x": 0.3}, "name": "parts/eyeL"}],
          "name": "eyeL"
        }, {
          "display": [{
            "type": "image",
            "transform": {"y": 2.7905, "skX": -85.2356, "skY": -85.2356, "x": 14.2173},
            "name": "parts/armR"
          }], "name": "armR"
        }]
    }],
    "name": "Dragon",
    "animation": [
      {
        "duration": 30,
        "playTimes": 0,
        "bone": [
          {
            "frame": [{"duration": 30, "tweenEasing": null, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "root"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "body"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "legR"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "armUpperR"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "legL"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "head"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "armUpperL"
          }, {
            "frame": [{"duration": 8, "tweenEasing": 0, "transform": {}}, {
              "duration": 22,
              "tweenEasing": 0,
              "transform": {"skX": 4.95, "skY": 4.95, "x": -4}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "tail"
          }, {
            "frame": [{"duration": 12, "tweenEasing": 0, "transform": {}}, {
              "duration": 18,
              "tweenEasing": 0,
              "transform": {"y": -2, "x": -2}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "clothes"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "armL"
          }, {
            "frame": [{"duration": 8, "tweenEasing": 0, "transform": {}}, {
              "duration": 22,
              "tweenEasing": 0,
              "transform": {"y": -2}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "eyeR"
          }, {
            "frame": [{"duration": 8, "tweenEasing": 0, "transform": {}}, {
              "duration": 22,
              "tweenEasing": 0,
              "transform": {"y": -8.0574, "skX": -12.64, "skY": -12.64, "x": 5.1348}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "tailTip"
          }, {
            "frame": [{"duration": 8, "tweenEasing": 0, "transform": {}}, {
              "duration": 22,
              "tweenEasing": 0,
              "transform": {"y": -2}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "eyeL"
          }, {
            "frame": [{"duration": 15, "tweenEasing": 0, "transform": {"skX": 9.6205, "skY": 9.6205}}, {
              "duration": 15,
              "tweenEasing": 0,
              "transform": {"skX": -1.4848, "skY": -1.4848}
            }, {"duration": 0, "tweenEasing": null, "transform": {"skX": 9.6205, "skY": 9.6205}}], "name": "beardL"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "armR"
          }, {
            "frame": [{"duration": 15, "tweenEasing": 0, "transform": {}}, {
              "duration": 15,
              "tweenEasing": 0,
              "transform": {"skX": 5.44, "skY": 5.44}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "beardR"
          }, {
            "frame": [{"duration": 12, "tweenEasing": 0, "transform": {}}, {
              "duration": 18,
              "tweenEasing": 0,
              "transform": {"y": -4, "x": 2}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "hair"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "handR"
          }, {
            "frame": [{"duration": 30, "tweenEasing": 0, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "handL"
          }],
        "slot": [
          {"name": "tailTip", "frame": []}, {
            "name": "armUpperL",
            "frame": [{"duration": 30, "color": {}, "tweenEasing": 0}, {
              "duration": 0,
              "color": {},
              "tweenEasing": null
            }]
          }, {"name": "armL", "frame": []}, {
            "name": "handL",
            "frame": [{"duration": 30, "color": {}, "tweenEasing": 0}, {
              "duration": 0,
              "color": {},
              "tweenEasing": null
            }]
          }, {
            "name": "legL",
            "frame": [{"duration": 30, "color": {}, "tweenEasing": 0}, {
              "duration": 0,
              "color": {},
              "tweenEasing": null
            }]
          }, {
            "name": "body",
            "frame": [{"duration": 8, "color": {}, "tweenEasing": 0}, {
              "duration": 12,
              "color": {},
              "tweenEasing": 0
            }, {"duration": 8, "color": {}, "tweenEasing": 0}, {
              "duration": 2,
              "color": {},
              "tweenEasing": null
            }, {"duration": 0, "color": {}, "tweenEasing": null}]
          }, {"name": "tail", "frame": []}, {
            "name": "clothes",
            "frame": [{"duration": 12, "color": {}, "tweenEasing": 0}, {
              "duration": 17,
              "color": {},
              "tweenEasing": 0
            }, {"duration": 1, "color": {}, "tweenEasing": null}, {"duration": 0, "color": {}, "tweenEasing": null}]
          }, {
            "name": "hair",
            "frame": [{"duration": 12, "color": {}, "tweenEasing": 0}, {
              "duration": 8,
              "color": {},
              "tweenEasing": 0
            }, {"duration": 8, "color": {}, "tweenEasing": 0}, {
              "duration": 2,
              "color": {},
              "tweenEasing": null
            }, {"duration": 0, "color": {}, "tweenEasing": null}]
          }, {
            "name": "head",
            "frame": [{"duration": 30, "color": {}, "tweenEasing": 0}, {
              "duration": 0,
              "color": {},
              "tweenEasing": null
            }]
          }, {
            "name": "eyeL",
            "frame": [{"duration": 8, "color": {}, "tweenEasing": 0}, {
              "duration": 12,
              "color": {},
              "tweenEasing": 0
            }, {"duration": 8, "color": {}, "tweenEasing": 0}, {
              "duration": 2,
              "color": {},
              "tweenEasing": null
            }, {"duration": 0, "color": {}, "tweenEasing": null}]
          }, {"name": "eyeR", "frame": []}, {
            "name": "legR",
            "frame": [{"duration": 30, "color": {}, "tweenEasing": 0}, {
              "duration": 0,
              "color": {},
              "tweenEasing": null
            }]
          }, {
            "name": "armUpperR",
            "frame": [{"duration": 30, "color": {}, "tweenEasing": 0}, {
              "duration": 0,
              "color": {},
              "tweenEasing": null
            }]
          }, {
            "name": "armR",
            "frame": [{"duration": 30, "color": {}, "tweenEasing": 0}, {
              "duration": 0,
              "color": {},
              "tweenEasing": null
            }]
          }, {
            "name": "handR",
            "frame": [{"duration": 30, "color": {}, "tweenEasing": 0}, {
              "duration": 0,
              "color": {},
              "tweenEasing": null
            }]
          }, {
            "name": "beardL",
            "frame": [{"duration": 7, "color": {}, "tweenEasing": 0}, {
              "duration": 8,
              "color": {},
              "tweenEasing": 0
            }, {"duration": 12, "color": {}, "tweenEasing": 0}, {
              "duration": 1,
              "color": {},
              "tweenEasing": 0
            }, {"duration": 2, "color": {}, "tweenEasing": null}, {"duration": 0, "color": {}, "tweenEasing": null}]
          }, {
            "name": "beardR",
            "frame": [{"duration": 7, "color": {}, "tweenEasing": 0}, {
              "duration": 8,
              "color": {},
              "tweenEasing": 0
            }, {"duration": 12, "color": {}, "tweenEasing": 0}, {
              "duration": 1,
              "color": {},
              "tweenEasing": 0
            }, {"duration": 2, "color": {}, "tweenEasing": null}, {"duration": 0, "color": {}, "tweenEasing": null}]
          }],
        "name": "stand",
        "frame": []
      },
      {
        "duration": 20,
        "playTimes": 0,
        "bone": [
          {
            "frame": [{"duration": 20, "tweenEasing": null, "transform": {}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {}
            }], "name": "root"
          }, {
            "frame": [{"duration": 10, "tweenEasing": 0, "transform": {"y": -4}}, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": -2}
            }, {"duration": 0, "tweenEasing": null, "transform": {"y": -4}}], "name": "body"
          }, {
            "frame": [{
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": -14, "skX": -30, "skY": -30, "x": -6}
            }, {"duration": 10, "tweenEasing": 0, "transform": {"y": -2, "skX": 30, "skY": 30, "x": -3.9}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {"y": -14, "skX": -30, "skY": -30, "x": -6}
            }], "name": "legR"
          }, {
            "frame": [{
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 14, "skX": 45.5, "skY": 45.5, "x": -6}
            }, {"duration": 10, "tweenEasing": 0, "transform": {"y": 2, "skX": -22.15, "skY": -22.15}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {"y": 14, "skX": 45.5, "skY": 45.5, "x": -6}
            }], "name": "armUpperR"
          }, {
            "frame": [{
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 28.4011, "skX": 49.67, "skY": 49.67, "x": -40.3442}
            }, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": -8.9278, "skX": -19.23, "skY": -19.23, "x": -22.5206}
            }, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {"y": 28.4011, "skX": 49.67, "skY": 49.67, "x": -40.3442}
            }],
            "name": "legL"
          }, {
            "frame": [{"duration": 10, "tweenEasing": 0, "transform": {"y": 4}}, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 2, "skX": 2.95, "skY": 2.95}
            }, {"duration": 0, "tweenEasing": null, "transform": {"y": 4}}], "name": "head"
          }, {
            "frame": [{
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 4, "skX": -21.2, "skY": -21.2}
            }, {"duration": 10, "tweenEasing": 0, "transform": {"y": 2, "skX": 30, "skY": 30}}, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {"y": 4, "skX": -21.2, "skY": -21.2}
            }], "name": "armUpperL"
          }, {
            "frame": [{"duration": 10, "tweenEasing": 0, "transform": {"x": -8}}, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": -6, "skX": -8.7, "skY": -8.7, "x": -12}
            }, {"duration": 0, "tweenEasing": null, "transform": {"x": -8}}], "name": "tail"
          }, {
            "frame": [{"duration": 5, "tweenEasing": 0, "transform": {}}, {
              "duration": 5,
              "tweenEasing": 0,
              "transform": {"y": -2, "x": -2}
            }, {"duration": 5, "tweenEasing": 0, "transform": {}}, {
              "duration": 5,
              "tweenEasing": 0,
              "transform": {"y": -2, "x": -2}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "clothes"
          }, {
            "frame": [{
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": -2.2012, "skX": -38.8, "skY": -38.8, "x": -13.0387}
            }, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": -5.8451, "skX": 38.55, "skY": 38.55, "x": 3.9043}
            }, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {"y": -2.2012, "skX": -38.8, "skY": -38.8, "x": -13.0387}
            }],
            "name": "armL"
          }, {
            "frame": [{"duration": 10, "tweenEasing": 0, "transform": {"y": 0.5, "x": 1.7}}, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": -0.2773, "skX": -2.95, "skY": -2.95, "x": -4.1136}
            }, {"duration": 0, "tweenEasing": null, "transform": {"y": 0.5, "x": 1.7}}], "name": "eyeR"
          }, {
            "frame": [{"duration": 10, "tweenEasing": 0, "transform": {"y": -0.5359, "x": 8.9282}}, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 10.0761, "skX": 17.93, "skY": 17.93, "x": -2.9969}
            }, {"duration": 0, "tweenEasing": null, "transform": {"y": -0.5359, "x": 8.9282}}], "name": "tailTip"
          }, {
            "frame": [{"duration": 10, "tweenEasing": 0, "transform": {}}, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 4.1907, "skX": -2.95, "skY": -2.95, "x": -7.5499}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "eyeL"
          }, {
            "frame": [{"duration": 10, "tweenEasing": 0, "transform": {}}, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": -5.5174, "skX": 6.04, "skY": 6.04, "x": -3.5187}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "beardL"
          }, {
            "frame": [{
              "duration": 5,
              "tweenEasing": 0,
              "transform": {"y": 9.9555, "skX": 21.72, "skY": 21.72, "x": -2.5742}
            }, {
              "duration": 5,
              "tweenEasing": 0,
              "transform": {"y": 4.9989, "skX": 31.7897, "skY": 31.7897, "x": -2.7325}
            }, {
              "duration": 5,
              "tweenEasing": 0,
              "transform": {"y": 0.0424, "skX": -15.63, "skY": -15.63, "x": -2.8907}
            }, {
              "duration": 5,
              "tweenEasing": 0,
              "transform": {"y": -5.611, "skX": -19.6672, "skY": -19.6672, "x": -0.2247}
            }, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {"y": 9.9555, "skX": 21.72, "skY": 21.72, "x": -2.5742}
            }],
            "name": "armR"
          }, {
            "frame": [{"duration": 10, "tweenEasing": 0, "transform": {}}, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 1.6594, "skX": -10.45, "skY": -10.45, "x": -1.4456}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "beardR"
          }, {
            "frame": [{"duration": 10, "tweenEasing": 0, "transform": {}}, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": -7.1738, "skX": -2.95, "skY": -2.95, "x": 1.1289}
            }, {"duration": 0, "tweenEasing": null, "transform": {}}], "name": "hair"
          }, {
            "frame": [{
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 2.0245, "skX": -45.48, "skY": -45.48, "x": -16.2659}
            }, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 2.1665, "skX": -0.48, "skY": -0.48, "x": 1.4963}
            }, {
              "duration": 0,
              "tweenEasing": null,
              "transform": {"y": 2.0245, "skX": -45.48, "skY": -45.48, "x": -16.2659}
            }],
            "name": "handR"
          }, {
            "frame": [{
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 0.9027, "skX": 15, "skY": 15, "x": -1.6657}
            }, {
              "duration": 10,
              "tweenEasing": 0,
              "transform": {"y": 3.3992, "skX": 6.45, "skY": 6.45, "x": -2.7762}
            }, {"duration": 0, "tweenEasing": null, "transform": {"y": 0.9027, "skX": 15, "skY": 15, "x": -1.6657}}],
            "name": "handL"
          }],
        "slot": [{
          "name": "tailTip",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armUpperL",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armL",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "handL",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "legL",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "body",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "tail",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "clothes",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {
            "duration": 5,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 5, "color": {}, "tweenEasing": 0}, {
            "duration": 5,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "hair",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "head",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "eyeL",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "eyeR",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "legR",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armUpperR",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armR",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "handR",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "beardL",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "beardR",
          "frame": [{"duration": 10, "color": {}, "tweenEasing": 0}, {
            "duration": 10,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }],
        "name": "walk",
        "frame": []
      },
      {
        "duration": 5,
        "playTimes": 0,
        "bone": [{
          "frame": [{"duration": 5, "tweenEasing": null, "transform": {}}, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {}
          }], "name": "root"
        }, {
          "frame": [{"duration": 5, "tweenEasing": 0, "transform": {"y": -66}}, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": -66}
          }], "name": "body"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 1.0328, "skX": -27.69, "skY": -27.69, "x": 1.1757}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 0.6594, "skX": -27.69, "skY": -27.69, "x": -3.122}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": 1.0328, "skX": -27.69, "skY": -27.69, "x": 1.1757}
          }],
          "name": "legR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 10, "skX": -24.65, "skY": -24.65}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 9.7511, "skX": -23.1904, "skY": -23.1904, "x": -2.8651}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 10, "skX": -24.65, "skY": -24.65}}],
          "name": "armUpperR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 38.2873, "skX": -15.2954, "skY": -15.2954, "x": -20.6204}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 37.7894, "skX": -15.2954, "skY": -15.2954, "x": -26.3507}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": 38.2873, "skX": -15.2954, "skY": -15.2954, "x": -20.6204}
          }], "name": "legL"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": 1.9, "skX": 10, "skY": 10, "x": 3.6}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 1.9, "skX": 10, "skY": 10, "x": 3.6}}],
          "name": "head"
        }, {
          "frame": [{"duration": 2, "tweenEasing": 0, "transform": {"y": 4, "skX": 15, "skY": 15}}, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 3.6266, "skX": 15, "skY": 15, "x": -4.2977}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 4, "skX": 15, "skY": 15}}], "name": "armUpperL"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": -10, "skX": 9.3457, "skY": 9.3457, "x": -24}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -10, "skX": 13.7283, "skY": 13.7283, "x": -24}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": -10, "skX": 9.3457, "skY": 9.3457, "x": -24}}],
          "name": "tail"
        }, {
          "frame": [{"duration": 2, "tweenEasing": 0, "transform": {"y": -4.5108, "x": -4.7682}}, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -4.8842, "x": -9.0659}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": -4.5108, "x": -4.7682}}], "name": "clothes"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": 2.5528, "skX": 8.55, "skY": 8.55, "x": -0.5979}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 2.5528, "skX": 8.55, "skY": 8.55, "x": -0.5979}}],
          "name": "armL"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": -8.7028, "skX": -10, "skY": -10, "x": 8.8815}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -9.0585, "skX": -10, "skY": -10, "x": 8.1208}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": -7.7261, "skX": -10, "skY": -10, "x": 9.013}}],
          "name": "eyeR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 6.3001, "skX": 2.89, "skY": 2.89, "x": 2.1698}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -0.896, "skX": 8.91, "skY": 8.91, "x": 0.6375}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 6.3001, "skX": 2.89, "skY": 2.89, "x": 2.1698}}],
          "name": "tailTip"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": -6.3014, "skX": -10, "skY": -10, "x": 8.9391}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -9.0585, "skX": -10, "skY": -10, "x": 8.1208}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": -6.3014, "skX": -10, "skY": -10, "x": 8.9391}}],
          "name": "eyeL"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 19.2267, "skX": -50.29, "skY": -50.29, "x": -19.7777}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 19.2267, "skX": -58.5649, "skY": -58.5649, "x": -19.7777}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": 19.2267, "skX": -50.29, "skY": -50.29, "x": -19.7777}
          }], "name": "beardL"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": 1.1591, "skX": -13.13, "skY": -13.13, "x": -8.0809}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": 1.1591, "skX": -13.13, "skY": -13.13, "x": -8.0809}
          }],
          "name": "armR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 6.7484, "skX": 42.5, "skY": 42.5, "x": -8.1489}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 6.8295, "skX": 50.23, "skY": 50.23, "x": -8.0331}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 6.7484, "skX": 42.5, "skY": 42.5, "x": -8.1489}}],
          "name": "beardR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": -6.0436, "skX": -10, "skY": -10, "x": -0.8181}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -2.7989, "skX": -10, "skY": -10, "x": 3.8157}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": -6.0436, "skX": -10, "skY": -10, "x": -0.8181}}],
          "name": "hair"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": 2.1665, "skX": -0.48, "skY": -0.48, "x": 1.4963}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 2.1665, "skX": -0.48, "skY": -0.48, "x": 1.4963}}],
          "name": "handR"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": -3.8513, "skX": -8.55, "skY": -8.55, "x": -14.1093}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": -3.8513, "skX": -8.55, "skY": -8.55, "x": -14.1093}
          }],
          "name": "handL"
        }],
        "slot": [{
          "name": "tailTip",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armUpperL",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armL",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "handL",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "legL",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "body",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "tail",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "clothes",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "hair",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "head",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "eyeL",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "eyeR",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "legR",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armUpperR",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armR",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "handR",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "beardL",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "beardR",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }],
        "name": "jump",
        "frame": []
      },
      {
        "duration": 5,
        "playTimes": 0,
        "bone": [{
          "frame": [{"duration": 5, "tweenEasing": null, "transform": {}}, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {}
          }], "name": "root"
        }, {
          "frame": [{"duration": 5, "tweenEasing": 0, "transform": {"y": -66}}, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": -66}
          }], "name": "body"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 8.9644, "skX": 27.76, "skY": 27.76, "x": 6.1797}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 8.576, "skX": 27.76, "skY": 27.76, "x": 1.7095}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 8.9644, "skX": 27.76, "skY": 27.76, "x": 6.1797}}],
          "name": "legR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 10, "skX": -69.64, "skY": -69.64}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 9.8705, "skX": -66.683, "skY": -66.683, "x": -1.49}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 10, "skX": -69.64, "skY": -69.64}}],
          "name": "armUpperR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 7.9, "skX": 50.73, "skY": 50.73, "x": 22.6}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 7.6411, "skX": 50.73, "skY": 50.73, "x": 19.6199}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 7.9, "skX": 50.73, "skY": 50.73, "x": 22.6}}],
          "name": "legL"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": -3.4, "skX": -8.73, "skY": -8.73, "x": 11}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": -3.4, "skX": -8.73, "skY": -8.73, "x": 11}}],
          "name": "head"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 4, "skX": 92.45, "skY": 92.45}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 4.2589, "skX": 89.9735, "skY": 89.9735, "x": 2.9801}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 4, "skX": 92.45, "skY": 92.45}}],
          "name": "armUpperL"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": -6.1, "skX": -18.47, "skY": -18.47, "x": -3.9}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -6.1, "skX": -22.44, "skY": -22.44, "x": -3.9}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": -6.1, "skX": -18.47, "skY": -18.47, "x": -3.9}}],
          "name": "tail"
        }, {
          "frame": [{"duration": 2, "tweenEasing": 0, "transform": {"y": -4.8621, "x": -6.0066}}, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -4.4737, "x": -1.5365}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": -4.8621, "x": -6.0066}}], "name": "clothes"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": 5.8138, "skX": -53.9, "skY": -53.9, "x": 4.3491}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 5.8138, "skX": -53.9, "skY": -53.9, "x": 4.3491}}],
          "name": "armL"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": -4.6145, "skX": 8.73, "skY": 8.73, "x": -17.7606}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -3.0052, "skX": 8.73, "skY": 8.73, "x": -14.8289}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": -4.6145, "skX": 8.73, "skY": 8.73, "x": -17.7606}
          }],
          "name": "eyeR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": -1.156, "skX": 0.14, "skY": 0.14, "x": 2.7983}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 1.7886, "skX": -0.83, "skY": -0.83, "x": 1.817}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": -1.156, "skX": 0.14, "skY": 0.14, "x": 2.7983}}],
          "name": "tailTip"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": -8.1532, "skX": 8.73, "skY": 8.73, "x": -13.0014}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": -5.9369, "skX": 8.73, "skY": 8.73, "x": -13.2195}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": -8.1532, "skX": 8.73, "skY": 8.73, "x": -13.0014}
          }],
          "name": "eyeL"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 7.7817, "skX": -2.54, "skY": -2.54, "x": 0.3247}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 7.7817, "skX": 25.1339, "skY": 25.1339, "x": 0.3247}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 7.7817, "skX": -2.54, "skY": -2.54, "x": 0.3247}}],
          "name": "beardL"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": -3.1965, "skX": -13.14, "skY": -13.14, "x": -11.2069}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": -3.1965, "skX": -13.14, "skY": -13.14, "x": -11.2069}
          }], "name": "armR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 5.251, "skX": 8.96, "skY": 8.96, "x": -7.8667}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 5.251, "skX": -6.04, "skY": -6.04, "x": -7.8667}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 5.251, "skX": 8.96, "skY": 8.96, "x": -7.8667}}],
          "name": "beardR"
        }, {
          "frame": [{
            "duration": 2,
            "tweenEasing": 0,
            "transform": {"y": 7.2382, "skX": -6.27, "skY": -6.27, "x": 0.5909}
          }, {
            "duration": 3,
            "tweenEasing": 0,
            "transform": {"y": 0.2075, "skX": -7.09, "skY": -7.09, "x": -6.3221}
          }, {"duration": 0, "tweenEasing": null, "transform": {"y": 7.2382, "skX": -6.27, "skY": -6.27, "x": 0.5909}}],
          "name": "hair"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": -1.3692, "skX": 29.52, "skY": 29.52, "x": -3.9387}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": -1.3692, "skX": 29.52, "skY": 29.52, "x": -3.9387}
          }],
          "name": "handR"
        }, {
          "frame": [{
            "duration": 5,
            "tweenEasing": 0,
            "transform": {"y": 1.4681, "skX": 21.45, "skY": 21.45, "x": -3.5985}
          }, {
            "duration": 0,
            "tweenEasing": null,
            "transform": {"y": 1.4681, "skX": 21.45, "skY": 21.45, "x": -3.5985}
          }],
          "name": "handL"
        }],
        "slot": [{
          "name": "tailTip",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armUpperL",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armL",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "handL",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "legL",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "body",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "tail",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "clothes",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "hair",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "head",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "eyeL",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "eyeR",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "legR",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armUpperR",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "armR",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "handR",
          "frame": [{"duration": 5, "color": {}, "tweenEasing": 0}, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "beardL",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }, {
          "name": "beardR",
          "frame": [{"duration": 2, "color": {}, "tweenEasing": 0}, {
            "duration": 3,
            "color": {},
            "tweenEasing": 0
          }, {"duration": 0, "color": {}, "tweenEasing": null}]
        }],
        "name": "fall",
        "frame": []
      }]
  }], "version": "4.0", "frameRate": 24, "name": "Dragon", "isGlobal": 0
}
</script>
  
<script>
var tpJSON = {
    "frames": {
        "head.png": {
            "frame": {
                "y": -2, 
                "x": -2, 
                "w": 338, 
                "h": 394
            }, 
            "rotated": false, 
            "filename": "head.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 394, 
                "w": 338
            }, 
            "spriteSourceSize": {
                "y": -2, 
                "x": -2, 
                "w": 338, 
                "h": 394
            }
        }, 
        "body.png": {
            "frame": {
                "y": -2, 
                "x": -344, 
                "w": 236, 
                "h": 348
            }, 
            "rotated": false, 
            "filename": "body.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 348, 
                "w": 236
            }, 
            "spriteSourceSize": {
                "y": -2, 
                "x": -344, 
                "w": 236, 
                "h": 348
            }
        }, 
        "hair.png": {
            "frame": {
                "y": -2, 
                "x": -584, 
                "w": 124, 
                "h": 282
            }, 
            "rotated": false, 
            "filename": "hair.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 282, 
                "w": 124
            }, 
            "spriteSourceSize": {
                "y": -2, 
                "x": -584, 
                "w": 124, 
                "h": 282
            }
        }, 
        "tail.png": {
            "frame": {
                "y": -400, 
                "x": -2, 
                "w": 216, 
                "h": 278
            }, 
            "rotated": false, 
            "filename": "tail.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 278, 
                "w": 216
            }, 
            "spriteSourceSize": {
                "y": -400, 
                "x": -2, 
                "w": 216, 
                "h": 278
            }
        }, 
        "legR.png": {
            "frame": {
                "y": -400, 
                "x": -222, 
                "w": 180, 
                "h": 232
            }, 
            "rotated": false, 
            "filename": "legR.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 232, 
                "w": 180
            }, 
            "spriteSourceSize": {
                "y": -400, 
                "x": -222, 
                "w": 180, 
                "h": 232
            }
        }, 
        "tailTip.png": {
            "frame": {
                "y": -400, 
                "x": -406, 
                "w": 112, 
                "h": 210
            }, 
            "rotated": false, 
            "filename": "tailTip.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 210, 
                "w": 112
            }, 
            "spriteSourceSize": {
                "y": -400, 
                "x": -406, 
                "w": 112, 
                "h": 210
            }
        }, 
        "clothes1.png": {
            "frame": {
                "y": -2, 
                "x": -712, 
                "w": 208, 
                "h": 174
            }, 
            "rotated": false, 
            "filename": "clothes1.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 174, 
                "w": 208
            }, 
            "spriteSourceSize": {
                "y": -2, 
                "x": -712, 
                "w": 208, 
                "h": 174
            }
        }, 
        "legL.png": {
            "frame": {
                "y": -180, 
                "x": -712, 
                "w": 204, 
                "h": 180
            }, 
            "rotated": false, 
            "filename": "legL.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 180, 
                "w": 204
            }, 
            "spriteSourceSize": {
                "y": -180, 
                "x": -712, 
                "w": 204, 
                "h": 180
            }
        }, 
        "armUpperR.png": {
            "frame": {
                "y": -364, 
                "x": -712, 
                "w": 160, 
                "h": 94
            }, 
            "rotated": false, 
            "filename": "armUpperR.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 94, 
                "w": 160
            }, 
            "spriteSourceSize": {
                "y": -364, 
                "x": -712, 
                "w": 160, 
                "h": 94
            }
        }, 
        "beardR.png": {
            "frame": {
                "y": -462, 
                "x": -712, 
                "w": 136, 
                "h": 36
            }, 
            "rotated": false, 
            "filename": "beardR.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 36, 
                "w": 136
            }, 
            "spriteSourceSize": {
                "y": -462, 
                "x": -712, 
                "w": 136, 
                "h": 36
            }
        }, 
        "beardL.png": {
            "frame": {
                "y": -502, 
                "x": -712, 
                "w": 120, 
                "h": 36
            }, 
            "rotated": false, 
            "filename": "beardL.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 36, 
                "w": 120
            }, 
            "spriteSourceSize": {
                "y": -502, 
                "x": -712, 
                "w": 120, 
                "h": 36
            }
        }, 
        "armUpperL.png": {
            "frame": {
                "y": -542, 
                "x": -712, 
                "w": 112, 
                "h": 86
            }, 
            "rotated": false, 
            "filename": "armUpperL.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 86, 
                "w": 112
            }, 
            "spriteSourceSize": {
                "y": -542, 
                "x": -712, 
                "w": 112, 
                "h": 86
            }
        }, 
        "handR.png": {
            "frame": {
                "y": -288, 
                "x": -584, 
                "w": 98, 
                "h": 58
            }, 
            "rotated": false, 
            "filename": "handR.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 58, 
                "w": 98
            }, 
            "spriteSourceSize": {
                "y": -288, 
                "x": -584, 
                "w": 98, 
                "h": 58
            }
        }, 
        "handL.png": {
            "frame": {
                "y": -400, 
                "x": -522, 
                "w": 96, 
                "h": 78
            }, 
            "rotated": false, 
            "filename": "handL.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 78, 
                "w": 96
            }, 
            "spriteSourceSize": {
                "y": -400, 
                "x": -522, 
                "w": 96, 
                "h": 78
            }
        }, 
        "armL.png": {
            "frame": {
                "y": -542, 
                "x": -828, 
                "w": 48, 
                "h": 80
            }, 
            "rotated": false, 
            "filename": "armL.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 80, 
                "w": 48
            }, 
            "spriteSourceSize": {
                "y": -542, 
                "x": -828, 
                "w": 48, 
                "h": 80
            }
        }, 
        "armR.png": {
            "frame": {
                "y": -400, 
                "x": -622, 
                "w": 46, 
                "h": 78
            }, 
            "rotated": false, 
            "filename": "armR.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 78, 
                "w": 46
            }, 
            "spriteSourceSize": {
                "y": -400, 
                "x": -622, 
                "w": 46, 
                "h": 78
            }
        }, 
        "eyeR.png": {
            "frame": {
                "y": -364, 
                "x": -876, 
                "w": 38, 
                "h": 58
            }, 
            "rotated": false, 
            "filename": "eyeR.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 58, 
                "w": 38
            }, 
            "spriteSourceSize": {
                "y": -364, 
                "x": -876, 
                "w": 38, 
                "h": 58
            }
        }, 
        "eyeL.png": {
            "frame": {
                "y": -542, 
                "x": -880, 
                "w": 28, 
                "h": 46
            }, 
            "rotated": false, 
            "filename": "eyeL.png", 
            "trimmed": false, 
            "sourceSize": {
                "h": 46, 
                "w": 28
            }, 
            "spriteSourceSize": {
                "y": -542, 
                "x": -880, 
                "w": 28, 
                "h": 46
            }
        }
    }, 
    "meta": {
        "hash": "3c4ce5cf57", 
        "name": "image2", 
        "height": 680, 
        "sprite_path": "image2.png", 
        "width": 922, 
        "version": "0.11.1", 
        "sprite_filename": "image2.png"
    }
}  
  
  
</script>

  
</html>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console