json - 来自 TexturePacker 的 EaselJS Spritesheets

原文 标签 json easeljs createjs sprite-sheet texturepacker

如何从 TexturePacker 为 EaselJS 创建正确的 spritesheet 导出?导出后我得到这样的东西......

{
"images": ["textures.png"],
"frames": [
    [818, 44, 42, 42], 
    [818, 1, 42, 42], 
    [775, 87, 42, 42], 
    [775, 44, 42, 42], 
    [775, 1, 42, 42], 
    [732, 87, 42, 42], 
    [732, 44, 42, 42], 
    [732, 1, 42, 42], 
    [689, 87, 42, 42], 
    [689, 44, 42, 42]
],
"animations": {
        "load_indicator_01":[0], 
        "load_indicator_02":[1], 
        "load_indicator_03":[2], 
        "load_indicator_04":[3], 
        "load_indicator_05":[4], 
        "load_indicator_06":[5], 
        "load_indicator_07":[6], 
        "load_indicator_08":[7], 
        "load_indicator_09":[8], 
        "load_indicator_10":[9]
},
"texturepacker": [
        "SmartUpdateHash: $TexturePacker:SmartUpdate:9148c4d9cc1b277627212fb0bffcda4d:fabda013c371507b8fb93d52f15735a0:205920eec6ac5ad8b6794732cd49ae1d$",
        "Created with TexturePacker (http://www.texturepacker.com) for EaselJS"
]
}

每一帧都被定义为一个毫无意义的动画。这个导出器只是一个笑话还是我如何正确导出 EaselJS?有什么套路吗?

最佳答案

基本上它的格式easeljs要求spritesheet
你会做下一个:

$.getJSON("sprites.json", function(json) {
    spriteSheet = new createjs.SpriteSheet(json);
});

并为每个帧创建一个变量,在您的情况下:
var load_indicator_01 = new createjs.Sprite(spriteSheet, "load_indicator_01");

为了自动化我做了这个片段:
var spriteSheet;
var sprites = {}
$.getJSON("sprites.json", function(json) {
    spriteSheet = new createjs.SpriteSheet(json);
    for(var sprite in json.animations){
        sprites[sprite] = new createjs.Sprite(spriteSheet, sprite);
    }
});

`

关于json - 来自 TexturePacker 的 EaselJS Spritesheets,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21778102/

相关文章:

javascript - 在容器中居中放置文本(EaselJS)

java - 有什么方法可以将JASPER报告解析为JSON对象..?

php - Ajax POST Javascript 对象到 Zend Controller 并接收

javascript - 将形状缓存复制为位图源图像

javascript - 如何使用 createjs 定位 MovieClip

javascript - 为什么 Bitmap.scale 不起作用?

javascript - 带有 API 的 JSON 问题

javascript - Ajax为每个表单提交添加一个额外的帖子

画架上的按钮

javascript - 有经典的模糊问题,但没有找到有效的解决方案