Stacky bois

stacky.ts

  const stackCount = 10
  const STACK_SPACE = 10;

  // Draw the stack of images
  for (let i = 0; i < stackCount; i++) {
    const shearFactor = (stackCount - i)
    // Calculate scale and position adjustments based on the current iteration
    const scaleAdjustment = 0.9 + (0.1 * (i - shearFactor)) / stackCount
    const positionAdjustmentX = (scaledImageWidth - (scaledImageWidth * scaleAdjustment)) / 2;
    const positionAdjustmentY = (STACK_SPACE * shearFactor);

    ctx.drawImage(
      imageCanvas,
      position.x + positionAdjustmentX, //  3 is a magic value i guess
      position.y - positionAdjustmentY,
      scaledImageWidth * scaleAdjustment,
      scaledImageHeight * scaleAdjustment,
    );
  }