In this game different color circles fall down tap on them to make them disappear also when you tap a bubble and make it disappear your score will increase by one's game

Click here for free DL of the app version that can save data.

No:38004

←

Prev Next

→

In this game different color circles fall down tap..ALL
Developer User15380｜Date and time 24/1/22 4:19:18
Build time 12.782 sec｜Game capacity 3.707KB｜

Script

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

To play the game, you can open the HTML file in a web browser on your smartphone. Different colored circles will fall down, and you need to tap on them to make them disappear. Each time you tap a bubble successfully and make it disappear, your score will increase by one. The game will keep generating new bubbles for you to pop. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Bubble Pop Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    canvas {
      background-color: #000000;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Set up canvas size based on the device screen
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

var bubbles = []; // Array to store the falling bubbles
    var score = 0;

// Function to create a new bubble
    function createBubble() {
      var bubble = {
        x: Math.random() * canvas.width, // Random horizontal position
        y: 0, // Starting from the top of the screen
        radius: 20 + Math.random() * 30, // Random size
        color: getRandomColor() // Random color
      };
      
      bubbles.push(bubble);
    }

// Function to generate a random color
    function getRandomColor() {
      var r = Math.floor(Math.random() * 256);
      var g = Math.floor(Math.random() * 256);
      var b = Math.floor(Math.random() * 256);
      return "rgb(" + r + "," + g + "," + b + ")";
    }

// Function to check if a point is inside a bubble
    function isPointInsideBubble(x, y, bubble) {
      var dx = x - bubble.x;
      var dy = y - bubble.y;
      var distance = Math.sqrt(dx * dx + dy * dy);
      return distance <= bubble.radius;
    }

// Function to handle touch/click events
    function handleTap(event) {
      var rect = canvas.getBoundingClientRect();
      var tapX = event.touches ? event.touches[0].clientX - rect.left : event.clientX - rect.left;
      var tapY = event.touches ? event.touches[0].clientY - rect.top : event.clientY - rect.top;

// Check if the tap is inside any bubble
      for (var i = 0; i < bubbles.length; i++) {
        if (isPointInsideBubble(tapX, tapY, bubbles[i])) {
          bubbles.splice(i, 1); // Remove the tapped bubble from the array
          score++; // Increase the score by one
          break;
        }
      }
    }

// Function to update the game state
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw the bubbles
      for (var i = 0; i < bubbles.length; i++) {
        var bubble = bubbles[i];

bubble.y += 5; // Move the bubble downwards

// Draw the bubble
        ctx.beginPath();
        ctx.arc(bubble.x, bubble.y, bubble.radius, 0, 2 * Math.PI);
        ctx.fillStyle = bubble.color;
        ctx.fill();
        ctx.closePath();
      }

// Draw the score
      ctx.font = "20px Arial";
      ctx.fillStyle = "#FFFFFF";
      ctx.fillText("Score: " + score, 10, 30);

// Create new bubbles every 1 second
      if (Math.random() < 0.02) {
        createBubble();
      }

requestAnimationFrame(update); // Process the next frame
    }

// Start the game
    update();

// Add event listener for touch/click events
    canvas.addEventListener("click", handleTap);
    canvas.addEventListener("touchstart", handleTap);
  </script>
</body>
</html>
```