title: How to load new resources into pixi.js app after resources were already loaded?
body: <p>I have json file that contains list of files that should be loade, how to achieve this with PIXI?</p>
  <p><strong>// THIS IS FIRST LOAD OF RESOURCES</strong></p>
  <pre><code>this.app.loader
      .add(&quot;bin&quot;, &quot;ui/&quot; + &quot;bin.png&quot;)
      .add(&quot;rotatecw&quot;, &quot;ui/&quot; + &quot;rotatecw.png&quot;)
      .add(&quot;rotateccw&quot;, &quot;ui/&quot; + &quot;rotateccw.png&quot;)
      ...
  
      .add(&quot;categorieConfigJson&quot;, &quot;config/allCategoriesConfig.json&quot;);
  
   this.app.loader.load();
   this.app.loader.onComplete.add((event) =&gt; this.onLoadComplete(//and here inside I am doing the main logic));
  </code></pre>
  <p>As you see there is one <code>allCategoriesConfig.json</code> file. It contains some game configuration as well as additional list of files that should be loaded. In future here will be some <code>AJAX</code> call to backend and backend will send <code>json</code>, but for now it is <code>json</code> file.
  So now in Pixi App I have to parse this file and load additionall resources. So how to do this if I already did <code>this.app.loader.load()</code>?</p>
  <p>Assume that in onLoadComplete I have parsed my json file and loaded list of newly necessary files into variable categoriesConfig. The questions is - if I have already loaded all resources using this.app.loader and load(), how, can I add more files there???</p>
  <p><strong>// THIS IS CALLED AFTER RESOURCES ARE LOADED, AND HERE I NEED TO LOAD ADDITIONAL RESOURCES</strong></p>
  <pre><code>private onLoadComplete2() 
  {
      // parse json file and get file names into categoriesConfig array
  
      // and now need to load additional resources, how?
      categoriesConfig.forEach(fileName =&gt; {
         // how to add fileName to already loaded this.app.loader?
      });
   }
  </code></pre>