Question

我正在尝试制作一个继续循环的spritesheet动画，但我的代码中出现了问题。图像不会显示在屏幕上并仍然出现此错误：未捕获的TypeError：无法读取null的属性“move_obj”。有人可以帮我解决这个问题。

function init() {
    canvas = document.getElementById("canvas");
    stage = new createjs.Stage(canvas);
    score = 0;

     var munt = new Image();
     munt.src = "imgs/sprite.png"; 
     munt.onload = Tiltie;

}

function Tiltie(event){

    var munt = event.target;
    var container = new createjs.Container();
    stage.addChild(container);

    var spriteSheet  =  new createjs.SpriteSheet(
        munt, //image to use
        100, //width of each sprite
        100, //height of each sprite
        {   
            move_obj: [0, 9]
        });


    bmpSeq = new createjs.BitmapAnimation(spriteSheet);

    bmpSeq.regX = bmpSeq.spriteSheet.frameWidth/2|0;
    bmpSeq.regY = bmpSeq.spriteSheet.frameHeight / 2 | 0;

    bmpSeq.gotoAndPlay("move_obj");

    bmpSeq.currentFrame = 0;
    stage.addChild(bmpSeq);



    Ticker.addListener(window);
    // Best Framerate targeted (60 FPS)
    Ticker.setInterval(17);
}

Answer 1

Old Q :)不熟悉这个版本，我可以推荐使用新的EaselJS v0.8.0 +吗？至于Spritesheet动画，我已经为EaselJS构建了一个基本设置，你要做的就是声明一些参数，你就完成了。此外，我的设置使用了一些来自EaselJS的新额外库，它们提供对WebGL的支持，包括一些修复，check it out here

如果您需要任何帮助，请告诉我，欢呼声

Spritesheet animation easeljs-0.7.1.min.js

1 个答案: