CreateJs EaselJS spritesheet 框架不起作用

Posted 2023-03-25

【中文标题】CreateJs EaselJS spritesheet 框架不起作用

【英文标题】：CreateJs EaselJS spritesheet frames not working

【发布时间】：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');

【参考方案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”错误的原因。 感谢大家的关注。结束这个问题。