In IE the animation assets load in the correct order and timing.
In Google Chrome there is a flash (no pun intended) of all assets just appearing. On reload everything is fine. Is there a javascript solution that would hide the assets until the timeline is ready to show the motion tweens. Why would Chrome behave differently than IE?
This is the what Flash exports in the HTML doc
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById(“canvas”);
images = images||{};
var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(lib.properties.manifest);
}
function handleFileLoad(evt) {
if (evt.item.type == “image”) { images[evt.item.id] = evt.result; }
}
function handleComplete(evt) {
exportRoot = new lib.fred_holiday_300x250_noJSON();
stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();
createjs.Ticker.setFPS(lib.properties.fps);
createjs.Ticker.addEventListener("tick", stage);
}
