Remove logs

Change size & color

index.html

@@ -68,8 +68,7 @@
 
             function resetTimer() {
                 clearTimeout(timer);
-                timer = setTimeout(decideWinner, 5000);
-                updateStatusText('Timer reset');
+                timer = setTimeout(decideWinner, 4000);
             }
 
             function decideWinner() {
@@ -80,12 +79,7 @@
 
                 // Clear all circles
                 circles = [winnerCircle];
-                winnerCircle.color = 'green';
-                updateStatusText(`Winner decided: Circle ${winnerCircle.id}`);
-            }
-
-            function updateStatusText(text) {
-                statusText.textContent = text;
+                winnerCircle.color = '#228B22';
             }
 
             function draw() {
@@ -96,12 +90,11 @@
                 // Draw all circles
                 circles.forEach(circle => {
                     ctx.beginPath();
-                    ctx.arc(circle.x, circle.y, 100, 0, Math.PI * 2); // Radius of 50
+                    ctx.arc(circle.x, circle.y, 120, 0, Math.PI * 2); // Radius of 50
                     ctx.fillStyle = circle.color || '#fff';
                     ctx.fill();
                     ctx.closePath();
                 });
-                updateStatusText(`Draw: ${circles.length}`);
 
                 animationId = requestAnimationFrame(draw);
             }
@@ -109,7 +102,6 @@
             function addCircle(x, y, id) {
                 circles.push({ id, x, y, color: '#fff' });
                 resetTimer();
-                updateStatusText(`Circle added: ${id}`);
             }
 
             function updateCircle(id, x, y) {
@@ -117,14 +109,12 @@
                 if (circle) {
                     circle.x = x;
                     circle.y = y;
-                    updateStatusText(`Circle updated: ${id}`);
                 }
             }
 
             function removeCircle(id) {
                 circles = circles.filter(c => c.id !== id);
                 resetTimer();
-                updateStatusText(`Circle removed: ${id}`);
             }
 
             canvas.addEventListener('touchstart', (event) => {
@@ -156,7 +146,6 @@
 
             // Start the drawing loop
             draw();
-            updateStatusText('Drawing loop started');
         });
     </script>
 </body>