A game about fireworks each time you click you spawn a firework that has particles and gives you money for firework skins and particles skin's game

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

No:21309

←

Prev Next

→

A game about fireworks each time you click you spa..ALL
Developer User9760｜Date and time 23/10/14 21:37:47
Build time 76.036 sec｜Game capacity 2.978KB｜

Script

Sure! Here's an example of a simple game about fireworks that meets your requirements. It allows the player to click and spawn fireworks, earn money to unlock firework skins and particle skins:

To play the game: 1. Save the code above into a single HTML file (e.g., `fireworks_game.html`). 2. Open the HTML file in a web browser on your smartphone. 3. Each time you tap/click on the canvas area, it will spawn a firework with particles that move randomly. 4. You earn money for each firework spawned, which you can then use to unlock different firework skins and particle skins.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's an example of a simple game about fireworks that meets your requirements. It allows the player to click and spawn fireworks, earn money to unlock firework skins and particle skins:

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

// Function to spawn a firework
    function spawnFirework(x, y) {
      var firework = {
        x: x,
        y: y,
        skin: fireworkSkins[Math.floor(Math.random() * fireworkSkins.length)],
        particles: []
      };

// Generate random particles for the firework
      for (var i = 0; i < 30; i++) {
        firework.particles.push({
          x: firework.x,
          y: firework.y,
          vx: Math.random() * 5 - 2.5,
          vy: Math.random() * 5 - 2.5,
          skin: particleSkins[Math.floor(Math.random() * particleSkins.length)]
        });
      }

fireworks.push(firework);
      money += 10; // Earn money for spawning a firework
    }

// Function to update fireworks and particles positions
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

fireworks.forEach(function(firework) {
        firework.particles.forEach(function(particle) {
          particle.x += particle.vx;
          particle.y += particle.vy;
          ctx.fillText(particle.skin, particle.x, particle.y);
        });

ctx.fillText(firework.skin, firework.x, firework.y);
      });

// Remove fireworks and particles that are off-screen
      fireworks = fireworks.filter(function(firework) {
        return firework.particles.some(function(particle) {
          return (
            particle.x >= 0 &&
            particle.x <= canvas.width &&
            particle.y >= 0 &&
            particle.y <= canvas.height
          );
        });
      });

requestAnimationFrame(update);
    }

// Function to handle click events
    function handleClick(event) {
      var rect = canvas.getBoundingClientRect();
      var x = event.clientX - rect.left;
      var y = event.clientY - rect.top;
      spawnFirework(x, y);
    }

// Bind click event to the canvas
    canvas.addEventListener("click", handleClick);

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

To play the game:

1. Save the code above into a single HTML file (e.g., `fireworks_game.html`).
2. Open the HTML file in a web browser on your smartphone.
3. Each time you tap/click on the canvas area, it will spawn a firework with particles that move randomly.
4. You earn money for each firework spawned, which you can then use to unlock different firework skins and particle skins.