AI game creator

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

No:25813

←

Prev Next

→

particle
Developer User12678｜Date and time 23/11/24 22:19:39
Build time 52.07 sec｜Game capacity 2.264KB｜

Script

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

In this game, a particle is represented by a red circle on a canvas. The particle moves around the canvas, wrapping around the edges when it reaches them. The game continuously updates the particle position and redraws it on the canvas using the `requestAnimationFrame` function. You can copy this code into an HTML file, open it in a web browser, and interact with the game. The game runs in a loop and the particle will keep moving indefinitely.

←

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 {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

var particle = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            size: 10,
            speed: 5,
            direction: 0,
            color: "#FF0000",
            update: function() {
                this.x += Math.cos(this.direction) * this.speed;
                this.y += Math.sin(this.direction) * this.speed;

// Wrap around the canvas
                if (this.x > canvas.width) {
                    this.x = 0;
                }
                if (this.x < 0) {
                    this.x = canvas.width;
                }
                if (this.y > canvas.height) {
                    this.y = 0;
                }
                if (this.y < 0) {
                    this.y = canvas.height;
                }
            },
            draw: function() {
                context.fillStyle = this.color;
                context.beginPath();
                context.arc(this.x, this.y, this.size, 0, Math.PI * 2);
                context.closePath();
                context.fill();
            }
        };

function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

particle.update();
            particle.draw();

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>
```

You can copy this code into an HTML file, open it in a web browser, and interact with the game. The game runs in a loop and the particle will keep moving indefinitely.