javascript - 动态加载图像。 Phaser.js

Question

Phaser提供3个功能:预加载、创建、更新。如果create函数一开始就把所有东西都渲染出来了，那么动态加载时怎么强制它画图呢？

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
}

Answer 1

create 在调用 preload 函数并且加载器完成之前不会运行。如果您想在加载图像时显示图像，则需要在预加载之外加载它们，或者使用各种加载器事件来通知每个文件加载。

这里有很多示例展示每种方法:http://labs.phaser.io/index.html?dir=loader/loader%20events/&q=