Fireworks Tap to spread fireworks the Fireworks are drawn by Java The fireworks Spread wherever you tap eccept out of the screen's game

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

No:41928

←

Prev Next

→

Fireworks Tap to spread fireworks the Fireworks ar..ALL
Developer Game studios｜Date and time 24/2/10 4:46:17
Build time 11.453 sec｜Game capacity 2.975KB｜

Script

Sure! Here's a simple game that allows you to spread fireworks by tapping on the screen:

To play the game, simply open this HTML file in a web browser on your smartphone. When you tap on the screen, fireworks particles will be created and spread across the screen. The fireworks will continue to spread until they fade out. Please note that this is a basic implementation and can be further enhanced with additional features. However, it should give you a good starting point for your game.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simple game that allows you to spread fireworks by tapping on the screen:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fireworks Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Array to store the fireworks particles
    var fireworks = [];

// Function to create a new firework particle at the given position
    function createFirework(x, y) {
      var firework = {
        x: x,
        y: y,
        size: Math.random() * 5 + 1, // Random size between 1 and 6
        vx: Math.random() * 2 - 1, // Random horizontal velocity between -1 and 1
        vy: Math.random() * -3 - 4, // Random vertical velocity between -4 and -7
        color: "#" + Math.floor(Math.random() * 16777215).toString(16), // Random color
        alpha: 1 // Opacity starts at 1 (fully visible)
      };

fireworks.push(firework);
    }

// Update function to move and update the fireworks particles
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw each firework particle
      for (var i = 0; i < fireworks.length; i++) {
        var firework = fireworks[i];

// Update firework position and velocity
        firework.x += firework.vx;
        firework.y += firework.vy;
        firework.vy += 0.1; // Apply gravity

// Update firework opacity
        firework.alpha -= 0.01;

// Draw the firework particle
        ctx.globalAlpha = firework.alpha;
        ctx.fillStyle = firework.color;
        ctx.fillRect(firework.x, firework.y, firework.size, firework.size);
      }

// Remove faded out fireworks particles
      fireworks = fireworks.filter(function(firework) {
        return firework.alpha > 0.01;
      });

// Call update function again on next frame
      requestAnimationFrame(update);
    }

// Event listener for touch or click events
    canvas.addEventListener("mousedown", function(event) {
      // Get the tap position relative to the canvas
      var rect = canvas.getBoundingClientRect();
      var x = event.clientX - rect.left;
      var y = event.clientY - rect.top;

// Check if tap is within the canvas bounds
      if (x >= 0 && y >= 0 && x <= canvas.width && y <= canvas.height) {
        createFirework(x, y);
      }
    });

// Start the game loop
    update();
  </script>
</body>
</html>
```

Please note that this is a basic implementation and can be further enhanced with additional features. However, it should give you a good starting point for your game.