File
Login or Register via GitHub
<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: 'http://img.alicdn.com/tps/TB1ftQ_KpXXXXaFXpXXXXXXXXXX-922-680.png', tpJSON: window.tpJSON, skJSON: window.skJSON, scale: 0.18 }); skeleton.play('walk'); }, 1)</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>
Output
300px
300px
You can jump to the latest bin by adding /latest to your URL
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| ctrl + [num] | Toggle nth panel |
| ctrl + 0 | Close focused panel |
| ctrl + enter | Re-render output. If console visible: run JS in console |
| Ctrl + l | Clear the console |
| ctrl + / | Toggle comment on selected lines |
| ctrl + ] | Indents selected lines |
| ctrl + [ | Unindents selected lines |
| tab | Code complete & Emmet expand |
| ctrl + shift + L | Beautify code in active panel |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Open the share options |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
JS Bin URLs
| URL | Action |
|---|---|
| / | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
| /edit | Edit the current bin |
| /watch | Follow a Code Casting session |
| /embed | Create an embeddable version of the bin |
| /latest | Load the very latest bin (/latest goes in place of the revision) |
| /[username]/last | View the last edited bin for this user |
| /[username]/last/edit | Edit the last edited bin for this user |
| /[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
| /quiet | Remove analytics and edit button from rendered output |
| .js | Load only the JavaScript for a bin |
| .css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. | |
public
0viewers