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

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

No:41925

←

Prev Next

→

Fireworks Tap to spread fireworks the Fireworks ar..ALL
Developer Game studios｜Date and time 24/2/10 4:45:33
Build time 13.384 sec｜Game capacity 3.404KB｜

Script

Sure! Here is a game where you can tap on the screen to spread fireworks using JavaScript. I have enclosed the code within script tags and written it as a single HTML file. Please note that pictograms are not directly supported in plain text, so I'll be using text-based representations of fireworks instead.

To play the game, simply open the HTML file in a web browser (preferably on a smartphone) and tap/click on the screen wherever you want to spread fireworks. The fireworks will be drawn on the canvas and spread in various colors and sizes. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fireworks Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      background: black;
    }
  </style>
</head>
<body>

<script>
  // Initialize the canvas
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;
  document.body.appendChild(canvas);

// Function to draw fireworks
  function drawFireworks(x, y) {
    // Generate random colors
    const colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF'];

// Generate random size and speed for each firework
    const particleCount = Math.floor(Math.random() * 50) + 50;
    for (let i = 0; i < particleCount; i++) {
      const speed = Math.random() * 3 + 1;
      const angle = Math.random() * Math.PI * 2;
      const vx = Math.cos(angle) * speed;
      const vy = Math.sin(angle) * speed;

// Create a new firework particle
      const particle = {
        x: x,
        y: y,
        vx: vx,
        vy: vy,
        color: colors[Math.floor(Math.random() * colors.length)],
        size: Math.random() * 3 + 1,
        alpha: 1,
      };

// Add the particle to the fireworks array
      fireworks.push(particle);
    }
  }

// Array to store active fireworks
  const fireworks = [];

// Update and draw the fireworks
  function update() {
    // Clear the canvas
    context.clearRect(0, 0, canvas.width, canvas.height);

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

// Apply gravity
      particle.vy += 0.1;

// Update position
      particle.x += particle.vx;
      particle.y += particle.vy;

// Fade out the particle
      particle.alpha -= 0.01;

// Remove faded out particles from the array
      if (particle.alpha <= 0) {
        fireworks.splice(i, 1);
        continue;
      }

// Draw the particle
      context.beginPath();
      context.arc(particle.x, particle.y, particle.size, 0, Math.PI * 2);
      context.fillStyle = particle.color;
      context.globalAlpha = particle.alpha;
      context.fill();
    }

// Request next frame
    requestAnimationFrame(update);
  }

// Event listener for touch/click events
  document.addEventListener('touchend', handleTouch);
  document.addEventListener('click', handleTouch);

// Function to handle touch/click events
  function handleTouch(event) {
    event.preventDefault();
    const x = event.touches ? event.touches[0].clientX : event.clientX;
    const y = event.touches ? event.touches[0].clientY : event.clientY;
    drawFireworks(x, y);
  }

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

To play the game, simply open the HTML file in a web browser (preferably on a smartphone) and tap/click on the screen wherever you want to spread fireworks. The fireworks will be drawn on the canvas and spread in various colors and sizes. Enjoy the game!