title: Dynamically load image. Phaser.js
body: <p>Phaser provides 3 functions: preload, create, update. If the create function renders everything at the first start, then how can it be forced to draw pictures during dynamic loading?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function preload(src = `images/Num_spin/Num_Spin_00359.png.webp`) {
    this.load.image('background', 'images/table_en.png.webp');
    this.load.image('wheel', 'images/UpperWheel.png.webp');
    this.load.image('roulette', src);
  }
  
  function create() {
    this.add.image(0, -160, 'background').setOrigin(0, 0).setScale(0.7);
    this.add.image(20, 30, 'wheel').setOrigin(0, 0).setScale(0.7);
    this.add.image(108, 110, 'roulette').setOrigin(0, 0).setScale(0.7)
  }
  
  function update() {
    //Here I call a function that changes url
  }</code></pre>
  </div>
  </div>
  </p>