impress-2020/src/server/outfit-images.js

import { createCanvas, loadImage } from "canvas";

async function renderOutfitImage(layerRefs, size) {
  const canvas = createCanvas(size, size);
  const ctx = canvas.getContext("2d");

  const images = await Promise.all(layerRefs.map(loadImageAndSkipOnFailure));
  const loadedImages = images.filter((image) => image);
  for (const image of loadedImages) {
    ctx.drawImage(image, 0, 0, size, size);
  }

  return {
    image: canvas.toBuffer(),
    status:
      loadedImages.length === layerRefs.length ? "success" : "partial-failure",
  };
}

async function loadImageAndSkipOnFailure(url) {
  try {
    const image = await loadImage(url);
    return image;
  } catch (e) {
    console.warn(`Error loading layer, skipping: ${e.message}. (${url})`);
    return null;
  }
}

module.exports = { renderOutfitImage };