fix: center click

Author: rayriffy

src/packlets/playground/playground.svelte

@@ -15,15 +15,16 @@
 
   const addBalloon = (
     x = Math.floor(Math.random() * window.innerWidth),
-    y = 0
+    y = 0,
+    half = false
   ) => {
     const size = Math.floor(Math.random() * 300) + 60
 
     const item: Item = {
       id: (Math.random() + 1).toString(36).substring(7),
       size,
       horizontal: x - size / 2,
-      vertical: y + size,
+      vertical: y + (half ? size / 2 : size),
     }
 
     balloons = [...balloons, item]
@@ -34,7 +35,7 @@
   }
 
   const handleClick: MouseEventHandler<HTMLElement> = e => {
-    addBalloon(e.pageX, -window.innerHeight + e.pageY)
+    addBalloon(e.pageX, -window.innerHeight + e.pageY, true)
   }
 
   onMount(() => {