From 2796657b0cb2c9c324959fce2104eae28d3b99e7 Mon Sep 17 00:00:00 2001
From: Abacus Agent <agent@abacus.ai>
Date: Wed, 7 Jan 2026 08:55:37 +0000
Subject: [PATCH] Ball sticks to paddle until click/tap, including after losing
 a life

---
 index.html | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 4c0b02a..e967775 100644
--- a/index.html
+++ b/index.html
@@ -24,6 +24,7 @@
 let brickRows = 5, brickCols = 8, brickW, brickH, brickPad, brickOffsetTop, brickOffsetLeft;
 let bricks = [];
 let score = 0, lives = 3, gameOver = false, won = false;
+let ballStuck = true; // Ball sticks to paddle until click/tap
 
 function resize() {
   W = window.innerWidth;
@@ -45,10 +46,11 @@
 function initGame() {
   resize();
   paddleX = (W - paddleW) / 2;
-  ballX = W / 2;
+  ballX = paddleX + paddleW / 2;
   ballY = paddleY - ballR - 2;
-  ballDX = 3 * scale * (Math.random() > 0.5 ? 1 : -1);
-  ballDY = -4 * scale;
+  ballDX = 0;
+  ballDY = 0;
+  ballStuck = true;
   score = 0; lives = 3; gameOver = false; won = false;
   bricks = [];
   for (let r = 0; r < brickRows; r++) {
@@ -119,6 +121,12 @@
 
 function update() {
   if (gameOver) return;
+  // Ball follows paddle while stuck
+  if (ballStuck) {
+    ballX = paddleX + paddleW / 2;
+    ballY = paddleY - ballR - 2;
+    return;
+  }
   ballX += ballDX;
   ballY += ballDY;
   // walls
@@ -134,7 +142,7 @@
   if (ballY - ballR > H) {
     lives--;
     if (lives <= 0) { gameOver = true; }
-    else { ballX = W / 2; ballY = paddleY - ballR - 2; ballDX = 3 * scale * (Math.random() > 0.5 ? 1 : -1); ballDY = -4 * scale; }
+    else { ballStuck = true; } // Ball sticks to paddle after losing a life
   }
   collisionDetection();
 }
@@ -163,8 +171,16 @@
 }
 canvas.addEventListener('mousemove', e => movePaddle(e.clientX));
 canvas.addEventListener('touchmove', e => { e.preventDefault(); movePaddle(e.touches[0].clientX); }, { passive: false });
-canvas.addEventListener('click', () => { if (gameOver) initGame(); });
-canvas.addEventListener('touchend', () => { if (gameOver) initGame(); });
+function launchBall() {
+  if (gameOver) { initGame(); return; }
+  if (ballStuck) {
+    ballStuck = false;
+    ballDX = 3 * scale * (Math.random() > 0.5 ? 1 : -1);
+    ballDY = -4 * scale;
+  }
+}
+canvas.addEventListener('click', launchBall);
+canvas.addEventListener('touchend', launchBall);
 window.addEventListener('resize', resize);
 
 initGame();