$json = {
"id1": {
image: "",
repetition: 0,
startPadding: 0,
startPosition: {
x: 20,
y: 10
},
startAngle: 0,
startSize: {
width: 3,
height: 3
},
states: [
{
startImage: "images/man/1.png",
endPos: {
x: 20,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/2.png",
endPos: {
x: 20.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/3.png",
endPos: {
x: 21,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/4.png",
endPos: {
x: 21.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/5.png",
endPos: {
x: 22,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/6.png",
endPos: {
x: 22.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/7.png",
endPos: {
x: 23,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/8.png",
endPos: {
x: 23.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/9.png",
endPos: {
x: 24,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/10.png",
endPos: {
x: 24.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/1.png",
endPos: {
x: 25,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/2.png",
endPos: {
x: 25.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/3.png",
endPos: {
x: 26,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/4.png",
endPos: {
x: 26.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/5.png",
endPos: {
x: 27,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/6.png",
endPos: {
x: 27.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/7.png",
endPos: {
x: 28,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/8.png",
endPos: {
x: 28.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/9.png",
endPos: {
x: 29,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/10.png",
endPos: {
x: 29.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/1.png",
endPos: {
x: 30,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/2.png",
endPos: {
x: 30.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/3.png",
endPos: {
x: 31,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/4.png",
endPos: {
x: 31.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/5.png",
endPos: {
x: 32,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/6.png",
endPos: {
x: 32.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/7.png",
endPos: {
x: 33,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/8.png",
endPos: {
x: 33.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/9.png",
endPos: {
x: 34,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/10.png",
endPos: {
x: 34.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/1.png",
endPos: {
x: 35,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/2.png",
endPos: {
x: 35.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/3.png",
endPos: {
x: 36,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/4.png",
endPos: {
x: 36.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/5.png",
endPos: {
x: 37,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/6.png",
endPos: {
x: 37.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/7.png",
endPos: {
x: 38,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/8.png",
endPos: {
x: 38.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/9.png",
endPos: {
x: 39,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/10.png",
endPos: {
x: 39.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/1.png",
endPos: {
x: 40,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/2.png",
endPos: {
x: 40.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/3.png",
endPos: {
x: 41,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/4.png",
endPos: {
x: 41.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/5.png",
endPos: {
x: 42,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/6.png",
endPos: {
x: 42.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/7.png",
endPos: {
x: 43,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/8.png",
endPos: {
x: 43.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/9.png",
endPos: {
x: 44,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/10.png",
endPos: {
x: 44.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/1.png",
endPos: {
x: 45,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/2.png",
endPos: {
x: 45.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/3.png",
endPos: {
x: 46,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/4.png",
endPos: {
x: 46.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/5.png",
endPos: {
x: 47,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/6.png",
endPos: {
x: 47.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/7.png",
endPos: {
x: 48,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/8.png",
endPos: {
x: 48.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/9.png",
endPos: {
x: 49,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
},
{
startImage: "images/man/10.png",
endPos: {
x: 49.5,
y: 10
},
endAngle: 0,
endSize: {
width: 3,
height: 3
},
animationType: "linear",
animationTime: 100,
endPaddingTime: 0
}
]
}
};
jsonimate($json);