three-wfc/lib/utils/imgLoader.ts

A blazing fast Wave Function Collapse engine for three.js, built for real-time 2D, 2.5D, and 3D procedural world generation at scale.

export const imgLoader = (src: string): Promise<HTMLImageElement> =>
  new Promise((resolve: (value: HTMLImageElement) => void, reject) => {
    const img = new Image();
    img.src = src;
    img.onload = () => resolve(img);
    img.onerror = (error) => reject(error);
  });

export const imgLoaderBatch = (srcs: string[]): Promise<HTMLImageElement[]> =>
  Promise.all(srcs.map((src) => imgLoader(src)));