AI game creator

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

No:35333

←

Prev Next

→

particle
Developer User16514｜Date and time 24/1/14 4:12:09
Build time 10.717 sec｜Game capacity 2.475KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags:

This game creates a canvas element where particles (represented as colored squares) move around and bounce off the boundaries. The number of particles and other parameters can be adjusted to customize the game.

←

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 implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Particle Game</title>
  <style>
    #canvas {
      width: 100%;
      height: 100%;
      background-color: #000000;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

// Create a particle class
    function Particle(x, y) {
      this.x = x;
      this.y = y;
      this.vx = Math.random() * 4 - 2;
      this.vy = Math.random() * -2;
      this.color = "#" + ((1 << 24) * Math.random() | 0).toString(16);
    }

// Update particle position and velocity
    Particle.prototype.update = function() {
      this.x += this.vx;
      this.y += this.vy;
      this.vy += gravity;

// Bounce off the top boundary
      if (this.y < 0) {
        this.y = 0;
        this.vy *= -0.8;
      }

// Bounce off the bottom boundary
      if (this.y > canvas.height - particleSize) {
        this.y = canvas.height - particleSize;
        this.vy *= -0.8;
      }

// Bounce off the left/right boundaries
      if (this.x > canvas.width - particleSize || this.x < 0) {
        this.vx *= -1;
      }
    };

// Draw particles on the canvas
    Particle.prototype.draw = function() {
      ctx.fillStyle = this.color;
      ctx.fillRect(this.x, this.y, particleSize, particleSize);
    };

// Create initial particles
    function createParticles(numParticles) {
      for (var i = 0; i < numParticles; i++) {
        var x = Math.random() * canvas.width;
        var y = Math.random() * canvas.height;
        var particle = new Particle(x, y);
        particles.push(particle);
      }
    }

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

for (var i = 0; i < particles.length; i++) {
        particles[i].update();
        particles[i].draw();
      }

requestAnimationFrame(loop);
    }

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