bug fix

index.html

@@ -65,9 +65,6 @@
                 draw(); // Redraw the canvas after resizing
             }
 
-            window.addEventListener('resize', resizeCanvas);
-            resizeCanvas();
-
             function resetTimer() {
                 clearTimeout(timer);
                 timer = setTimeout(decideWinner, 4000);
@@ -93,7 +90,7 @@
                 // Draw all circles
                 circles.forEach(circle => {
                     ctx.beginPath();
-                    ctx.arc(circle.x, circle.y, 120, 0, Math.PI * 2); // Radius of 120
+                    ctx.arc(circle.x, circle.y, 60, 0, Math.PI * 2); // Radius of 60
                     ctx.fillStyle = circle.color || '#fff';
                     ctx.fill();
                     ctx.closePath();
@@ -113,8 +110,6 @@
                     const touch = touches[i];
                     circles.push({ id: touch.identifier, x: touch.clientX, y: touch.clientY, color: '#fff' });
                 }
-
-                resetTimer();
             }
 
             function removeCircle(id) {
@@ -132,6 +127,8 @@
                 }
                 const touches = event.touches;
                 updateCircles(touches);
+
+                resetTimer();
             });
 
             canvas.addEventListener('touchmove', (event) => {
@@ -144,19 +141,20 @@
             });
 
             canvas.addEventListener('touchend', (event) => {
+                const touches = event.changedTouches;
+                if (touches.length == 0) { winnerDecided = false; }
                 if (winnerDecided) {
                     event.preventDefault();
                     return;
                 }
-                const touches = event.changedTouches;
-                for (let i = 0; i < touches.length; i++) {
-                    const touch = touches[i];
-                    removeCircle(touch.identifier);
-                }
+                updateCircles(touches);
             });
 
             // Start the drawing loop
             draw();
+
+            window.addEventListener('resize', resizeCanvas);
+            resizeCanvas();
         });
     </script>
 </body>