fmt

src/lib/services/picletExport.ts

@@ -12,7 +12,7 @@ export async function generateShareableImage(piclet: PicletInstance): Promise<Bl
   
   // Set canvas size - narrower width to match content
   const canvasWidth = 700;
-  const canvasHeight = 1536; // Taller to accommodate piclet at bottom
+  const canvasHeight = 900; // More reasonable height
   canvas.width = canvasWidth;
   canvas.height = canvasHeight;
   
@@ -24,13 +24,13 @@ export async function generateShareableImage(piclet: PicletInstance): Promise<Bl
   const picletImg = await loadImage(piclet.imageData || piclet.imageUrl);
   const picletSize = 512;
   const picletX = (canvasWidth - picletSize) / 2;
-  const picletY = canvasHeight - picletSize - 50; // Position near bottom with small margin
+  const picletY = canvasHeight - picletSize - 100; // Position piclet with bottom margin
   
   // Load and draw grass platform positioned under the piclet
   const grassImg = await loadImage('/assets/grass.PNG');
   const platformSize = picletSize + 100; // Slightly larger than piclet
   const platformX = (canvasWidth - platformSize) / 2;
-  const platformY = picletY + picletSize - 180; // Position so piclet sits on platform
+  const platformY = picletY + picletSize - 100; // Platform sits right under piclet
   ctx.drawImage(grassImg, platformX, platformY, platformSize, platformSize);
   
   // Draw piclet on top of platform