AI game creator

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

No:42991

←

Prev Next

→

Particles
Developer User19028｜Date and time 24/2/13 16:55:02
Build time 9.652 sec｜Game capacity 2.802KB｜

Script

Sure! Here's a simple particle game implemented as a single HTML file using JavaScript and enclosed in script tags. You can play it on a smartphone using pictograms for particles.

To play the game, simply open the HTML file in a web browser on your smartphone. Each touch/click on the screen creates a particle that moves in a random direction. The particles are represented as colored circles. You can create as many particles as you want by touching/clicking multiple times.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a simple particle game implemented as a single HTML file using JavaScript and enclosed in script tags. You can play it on a smartphone using pictograms for particles.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Particle Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Game variables
    let canvas, ctx;
    let particles;

// Initialize the game
    function initialize() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');

// Set canvas dimensions
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

// Register touch/click event to create particles
      canvas.addEventListener('touchstart', createParticle);
      canvas.addEventListener('mousedown', createParticle);

particles = [];
      requestAnimationFrame(update);
    }

// Update game state and draw particles
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let i = 0; i < particles.length; i++) {
        const particle = particles[i];

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

// Draw particle
        ctx.beginPath();
        ctx.arc(particle.x, particle.y, PARTICLE_RADIUS, 0, Math.PI * 2);
        ctx.fillStyle = particle.color;
        ctx.fill();
        ctx.closePath();

// Remove particle if it goes off-screen
        if (
          particle.x < -PARTICLE_RADIUS ||
          particle.x > canvas.width + PARTICLE_RADIUS ||
          particle.y < -PARTICLE_RADIUS ||
          particle.y > canvas.height + PARTICLE_RADIUS
        ) {
          particles.splice(i, 1);
          i--;
        }
      }

requestAnimationFrame(update);
    }

// Create a new particle at touch/click position
    function createParticle(event) {
      const { clientX, clientY } = event.touches ? event.touches[0] : event;
      const particle = {
        x: clientX,
        y: clientY,
        vx: Math.random() * 4 - 2,
        vy: Math.random() * 4 - 2,
        color: PARTICLE_COLORS[Math.floor(Math.random() * PARTICLE_COLORS.length)],
      };

particles.push(particle);
    }

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