Game Development Reference
In-Depth Information
[258, 770, 252, 252, 0, -61, -127],
[514, 770, 252, 252, 0, -61, -127],
[770, 770, 252, 252, 0, -61, -127],
[1026, 770, 252, 252, 0, -61, -127],
[1282, 770, 252, 252, 0, -61, -127],
[1538, 770, 252, 252, 0, -61, -127],
[1794, 770, 252, 252, 0, -61, -127],
........
[2, 1538, 252, 252, 1, -61, -127],
[258, 1538, 252, 252, 1, -61, -127],
[514, 1538, 252, 252, 1, -61, -127],
[770, 1538, 252, 252, 1, -61, -127],
[1026, 1538, 252, 252, 1, -61, -127],
[1282, 1538, 252, 252, 1, -61, -127],
[1538, 1538, 252, 252, 1, -61, -127],
[1794, 1538, 252, 252, 1, -61, -127],
[2, 1794, 252, 252, 1, -61, -127],
[258, 1794, 252, 252, 1, -61, -127],
[514, 1794, 252, 252, 1, -61, -127],
[770, 1794, 252, 252, 1, -61, -127],
[1026, 1794, 252, 252, 1, -61, -127],
[1282, 1794, 252, 252, 1, -61, -127],
[1538, 1794, 252, 252, 1, -61, -127]
],
"animations": {
"all": {
"frames": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16,
17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33,
34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50,
51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67,
68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84,
85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100,
101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113,
114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126],
"speed":.4
}
}
}
Notice how the data actually references
two
sprite sheet images. This is because the amount of frames didn't fit
on one sheet, so Zoe created two. It's a good idea to keep your sprite sheet images as small as possible so you can be
assured that they will bypass any image limitations from various browsers and devices. Figure
6-13
shows all of the pig
frames generated for the pig animation.
■
a typical animation for games are significantly shorter in frames. this demonstration should show you the level
of complexity you can achieve in your animations with easelJS.
Note
