AI game creator

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

No:26239

108

←

Prev Next

→

particle
Developer User12888｜Date and time 23/11/28 0:40:09
Build time 68.611 sec｜Game capacity 2.521KB｜

Script

Sure, here's a simple game implemented as a single HTML file with JavaScript, enclosed in script tags:

This game creates particles on the screen that move around in random directions. The particles bounce off the edges of the screen and leave trails behind. You can play the game by opening the HTML file in a web browser on your smartphone. The particles will move around dynamically, creating a visually pleasing effect.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure, here's a simple game implemented as a single HTML file with JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Particle Game</title>
    <style>
      #canvas {
        width: 100vw;
        height: 100vh;
        background-color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas"></canvas>
    <script>
      const canvas = document.getElementById("canvas");
      const context = canvas.getContext("2d");
      const particles = [];
      
      function Particle(x, y, dx, dy) {
        this.x = x;
        this.y = y;
        this.dx = dx;
        this.dy = dy;
        this.radius = 5;
        this.color = "white";
      
        this.draw = function() {
          context.beginPath();
          context.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
          context.fillStyle = this.color;
          context.fill();
          context.closePath();
        };
      
        this.update = function() {
          this.x += this.dx;
          this.y += this.dy;
      
          if (this.x + this.radius > canvas.width || this.x - this.radius < 0) {
            this.dx = -this.dx;
          }
      
          if (this.y + this.radius > canvas.height || this.y - this.radius < 0) {
            this.dy = -this.dy;
          }
      
          this.draw();
        };
      }
      
      function init() {
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
      
        for (let i = 0; i < 50; i++) {
          const x = Math.random() * canvas.width;
          const y = Math.random() * canvas.height;
          const dx = (Math.random() - 0.5) * 2;
          const dy = (Math.random() - 0.5) * 2;
          particles.push(new Particle(x, y, dx, dy));
        }
      }
      
      function animate() {
        context.clearRect(0, 0, canvas.width, canvas.height);
      
        for (let i = 0; i < particles.length; i++) {
          particles[i].update();
        }
      
        requestAnimationFrame(animate);
      }
      
      init();
      animate();
    </script>
  </body>
</html>
```