CreateJs EaselJS spritesheet 框架不起作用答案

【问题标题】：CreateJs EaselJS spritesheet frames not workingCreateJs EaselJS spritesheet 框架不起作用
【发布时间】：2013-10-29 22:22:03
【问题描述】：

所以我有精灵表，我几乎到处都看过，也找不到好的教程显示在画布上。
var result = queue.getResult("avatar1");

        var data=
        {
             images: [ result],

    // The 5th value is the image index per the list defined in "images" (defaults to 0).
    frames: [
        // x, y, width, height, imageIndex, regX, regY
        //head_south":{"x":120,"h":20,"y":138,"w":15}
        [120,138,15,20],
        [64,0,15,20,2],
        ],

        animations: {

            show: { frames: [0,1], next: true, frequency: 1 }

    }
    };

    var sp = new createjs.SpriteSheet(data);
    createjs.Ticker.setFPS(60);
    var sprite_anim = new createjs.BitmapAnimation(sp,"show");
    sprite_anim.x=100;
    sprite_anim.y=100;
    stage.addChild(this.sprite_anim);
    sprite_anim.play("show");
    sprite_anim.gotoAndPlay('show');

【问题讨论】：

标签： javascript frames easeljs sprite-sheet createjs

【解决方案1】：

您是否使用股票代码更新舞台？：

createjs.Ticker.addEventListener("tick", function(event) {
    stage.update(event);
});

【讨论】：

4 个参数 [120,138,15,20]，5 个参数 [64,0,15,20,2] 似乎更多的问题是变量不是全球性的。所以我把变量设为全局然后它给出了类似于“创建 js 类型错误”之类的错误，所以我发现它需要 4 个参数或 7 个但不是 5 个所以我将其更改为 4，现在它工作正常。感谢您的关注感谢

【解决方案2】：

4 个参数 [120,138,15,20]，5 个参数 [64,0,15,20,2] 允许的参数是 4 或 7。所以改回 4。这就是它产生“createjs type error”错误的原因。感谢大家的关注。结束这个问题。

【讨论】：