Javascript 如何控制Flash CC HTML5画布中的资产加载?

Javascript 如何控制Flash CC HTML5画布中的资产加载?,javascript,easeljs,createjs,flash-cc,Javascript,Easeljs,Createjs,Flash Cc,如何控制Flash CC HTML5画布中的资产加载?因此,先加载一张精灵表并播放,然后再加载下一张精灵表?使用CreateJS cdn中的PreloadJS var imagesReady = false; // Here are your assets in a nice manifest var preloadJSmanifest = [{ src: "1.png", id: "1headline" }, { src: "2.png", id: "2" }

如何控制Flash CC HTML5画布中的资产加载?因此,先加载一张精灵表并播放,然后再加载下一张精灵表?

使用CreateJS cdn中的PreloadJS

var imagesReady = false;

// Here are your assets in a nice manifest
var preloadJSmanifest = [{
    src: "1.png",
    id: "1headline"
}, {
    src: "2.png",
    id: "2"
}, {
    src: "3.png",
    id: "3"
}, {
    src: "4.png",
    id: "4cta"
}, {
    src: "5.png",
    id: "5"
}, {
    src: "6.png",
    id: "6"
}, {
    src: "7.png",
    id: "7thingname"
}];

function doPreloadGrfx() {

    // create preload
    queue = new createjs.LoadQueue(true);

    queue.on("progress", handleProgress);
    queue.on("complete", handleComplete);
    queue.on("fileload", handleFileLoad);
    queue.loadManifest(preloadJSmanifest, true, "assets/");

}

function handleFileLoad(event) {

    var image = event.result;
    var w = image.width;
    var h = image.height;

}

function handleComplete(event) {

    imagesReady = true;
    checkAllAssetsLoaded();
}

function checkAllAssetsLoaded() {

    if (imagesReady) {

        console.log("imagesReady");
        drawGraphicsNextThing();

    }
}