如何控制Flash CC HTML5 Canvas中的资产加载？

Question

How may I control asset loading in Flash CC HTML5 Canvas? So 1 spritesheet loads first and plays and then the next one can load after?

Answer 1

use PreloadJS from CreateJS cdn

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();

    }
}