title: How to reference image preloaded in PreloadJS
body: <p>I'm preloading my images using PreloadJS, and after that outputting them as children of a container within the HTML5 Canvas (none will be DOM-accessible). What I would like to know now is how I can retrieve these bitmaps later on?</p>
  
  <pre><code>var preload = new createjs.LoadQueue(true, 'img/');
  var manifest = [
      {src: 'fred.png', id: 'pri', type: 'sprite', x: 400, y: 500},
      {src: 'banana.png', id: 'door', type: 'sprite', x: 300, y: 500},
  ]
  preload.addEventListener('progress', handleProgress);
  preload.addEventListener('complete', handleComplete);
  preload.addEventListener('fileload', handleFileLoad);
  preload.loadManifest(manifest);
  
  var image = [];
  function handleProgress(event) {
  
  }
  function handleComplete(event) {
      for(var i = 0; i &lt; image.length; i++) {
          var item = image[i];
          bg = new createjs.Bitmap('img/'+item.src).set({
              x: item.x,
              y: item.y
          });
          world.addChild(bg);
      }
      canvas.update();    
  }
  function handleFileLoad(event) {
      image.push(event.item);
  }
  </code></pre>
  
  <p>Things I've tried that don't work
      preload.getItem('door').visible = false;
      preload.getResult('door').visible = false;
      preload.getResult('door', true).visible = false;</p>
  
  <p>I had assumed that I could reference the instances this way and alter their values. Is it something that I should add in the preload segment or am I referencing the images in a wrong way? If I do a <code>console.log(preload.getResult('door'))</code>, I get a lot of weird characters, which I think is an image file being parsed (?)</p>
  
  <p>Another way could be by setting the <code>id</code> as a property in the preloading bit, so that I can later access it through <code>bg[0]</code> or <code>bg[1]</code> etc, but I suppose there must be a method already built into PreloadJS for me to do that.</p>
  
  <pre><code>bg = new createjs.Bitmap('img/'+item.src).set({
              x: item.x,
              y: item.y,
              id: item.id
  });
  </code></pre>