generate_phone_wallpaper_logo.js

import { createCanvas, loadImage } from "canvas";

export async function generatePhoneWallpaperLogo(metadata, color){
    const canvas = createCanvas(2048, 4432);
    const ctx = canvas.getContext("2d");

    const wallpaper = await loadImage(
      `./layers/Wallpaper/${color.toLowerCase()}.png`
    );
    ctx.drawImage(wallpaper, 0, 0, 2048, 4432);
    const fur = await loadImage(
      `./layers/Fur/${metadata["Fur"].toLowerCase()}.png`
    );
    ctx.drawImage(fur, 0, 2383, 2048, 2048);
    const body = await loadImage(
      `./layers/Body/${metadata["Body"].toLowerCase()}.png`
    );
    ctx.drawImage(body, 0, 2383, 2048, 2048);
    const head = await loadImage(
      `./layers/Head/${metadata["Head"].toLowerCase()}.png`
    );
    ctx.drawImage(head, 0, 2383, 2048, 2048);
    const eyes = await loadImage(
      `./layers/Eyes/${metadata["Eyes"].toLowerCase()}.png`
    );
    ctx.drawImage(eyes, 0, 2383, 2048, 2048);
    const mouth = await loadImage(
      `./layers/Mouth/${metadata["Mouth"].toLowerCase()}.png`
    );
    ctx.drawImage(mouth, 0, 2383, 2048, 2048);

    return canvas.toBuffer("image/png");
}