[Feature] Add aspect ratio for renderer

[knowledge-demon]

Feature Request

Wiki team needs to be able to quickly render things in specific formats. This can be achieved by breaking out the output_size into output_height and output_width

---

Submitted via Knowledge Demon

• Reporter: peter (99656376954916864)
• Guild: Spire Codex (749001856839057460)
• Channel: #development-alerts (1488371697609347173)

[ptrlrd]

Can probably do something like this in the main()

const result = await renderSkel(page, skelPath, outPath, OUTPUT_WIDTH, OUTPUT_HEIGHT);

// Update function definition
async function renderSkel(page, skelPath, outPath, outW, outH) { 
   const result = await page.evaluate(async (params) => {
       const { outW, outH, ... } = params;
       canvas.width = outW;
       canvas.height = outH;

Scaling login would also probably have to change because i do a basic 512 scaling (which is why some monsters are all over the place) can probably do soemthing like this

const sw = maxX - minX, sh = maxY - minY;
const paddingX = outW * 0.04;
const paddingY = outH * 0.04;

const availW = outW - paddingX * 2;
const availH = outH - paddingY * 2;


const cx = (minX + maxX) / 2;
const cy = (minY + maxY) / 2;

Camera also needs to be mapped to teh right part of the canvas because it's no longer a square. I don't know if the bottom will work but it's probably close

mvp.ortho2d(
    cx - outW / (2 * scale), 
    cy - outH / (2 * scale),
    outW / scale, 
    outH / scale
);

gl.viewport(0, 0, outW, outH);

I think output buffer needs to be adjusted so will need to check tehse cosnts pixels, png, webpbuff

[vesper-arch]

#270 Opened a draft just now