Best practice to load multiple times (LoadQueue reuse?). #232

Activity

1. lannymcnie commented on Oct 23, 2017

   

   lannymcnie

   on Oct 23, 2017

   Member

   More actions

   Typically we recreate queues, but I can see how issues surrounding caching could make reuse more useful.
2. lannymcnie

   added

   enhancement

   question

   on Oct 23, 2017
3. owendwyer commented on Nov 11, 2017

   

   owendwyer

   on Nov 11, 2017

   More actions

   I got caught out with this - complete firing when some resources not loaded.

   var myLoadQueue=null;
   var myManifest=[];
   myManifest.push({src:'sprite0.png',id:'sprite0'});
   myManifest.push({src:'sprite1.png',id:'sprite1'});
   myManifest.push({src:'sprite2.png',id:'sprite2'});
   
   function load(){
   	myLoadQueue=new createjs.LoadQueue(false);
   	myLoadQueue.addEventListener('complete',setupAssets);
   	myLoadQueue.addEventListener('error',gotError);
   	myLoadQueue.loadManifest(myManifest,true,resFolder);
   }
   
   function gotError(){
   	myLoadQueue.removeEventListener('complete',setupAssets);
   	myLoadQueue.removeEventListener('error',gotError);
   	myLoadQueue.destroy();
   	myLoadQueue=null;
   	tryTimes--;
   	if(tryTimes>0){
   		console.log('Load Error - retrying');
   		load();
   	}else{
   		console.log('Load Error - giving up');
   	}
   }
   
   function setupAssets(){
   }
   

   If load fails the first time, then it seems to ignore that file on the second try and fire the complete event when the others have loaded.

   I got it to work as intended by putting the manifest inside the load function:

   function load(){	
   	var myManifest=[];
   	myManifest.push({src:'sprite0.png',id:'sprite0'});
   	myManifest.push({src:'sprite1.png',id:'sprite1'});
   	myManifest.push({src:'sprite2.png',id:'sprite2'});
   	myLoadQueue=new createjs.LoadQueue(false);
   	myLoadQueue.addEventListener('complete',setupAssets);
   	myLoadQueue.addEventListener('error',gotError);
   	myLoadQueue.loadManifest(myManifest,true,resFolder);
   }