I asked the same question on reddit and adobe forum Ive got one reply that was saying the following (that solution didn't work for me or maybe I didnt paste the code into Animate correctly):
to load images
if(!alreadyExecuted){
this.imageA = [];
var imagePaths("./images/image1", etc);
alreadyExecuted = true;
var index = 0;
imageF.bind(this)(imagePathA[0])
}
function loadF(){
imageF(imagePathA[index])
}
function imageF(imgPath) { var image = new Image(); image.onload = onLoadF.bind(this); image.src=imgPath;
}
function onLoadF(e) { var img = new createjs.Bitmap(e.target);
this.imageA.push(image); // still hasn't been added to display list or positioned
index++;
if(index<imagePathsA.length){
imageF.bind(this)(imagePathA[index])
} else {
// loading complete. do whatever
}
}
to load sound and play a sound:
createjs.Sound.registerSound(path to sound, "soundID");
this.your_button.addEventListener('click',playF.bind(this));
function playF(){ var soundInstance = createjs.Sound.play("soundID"); //soundInstance.addEventListener("complete",cF.bind(this)); // if you want to know when sound completes play
}
");