Load Multiple Images with Promise.all

Use async/await keywords together with Promise.all() to load multiple images together. This can speed up sketch loading, because the images will be loaded at the same time, instead of one after the other. The images are drawn together on the canvas only after they all finish loading.

Using multiple calls to loadImage() inside a Promise.all() works with other functions that load resources. For example, loadFont() in this video tutorial on Typography and Asset Loading by Qianqian Ye.

Load Multiple Images with Promise.all: Edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.