AI game creator

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

No:32032

←

Prev Next

→

particle
Developer User15308｜Date and time 23/12/29 10:23:42
Build time 22.302 sec｜Game capacity 3.175KB｜

Script

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

This game is a simple particle-catching game where the player needs to tap on particles falling from the top of the screen to earn points. The score is displayed at the top left corner of the canvas. The game ends when a particle reaches the bottom of the screen.

←

Prev　Next

→ 　

Back　

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

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

Sure, here is 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>
    <div id="canvas" width="400" height="600"></div>

// Game settings
        var particleSize = 20;
        var particleSpeed = 3;
        var maxParticles = 10;

// Object representing a particle
        function Particle(x, y) {
            this.x = x;
            this.y = y;

this.draw = function() {
                context.beginPath();
                context.arc(this.x, this.y, particleSize, 0, 2 * Math.PI);
                context.fillStyle = "red";
                context.fill();
                context.closePath();
            };

this.update = function() {
                this.y += particleSpeed;

if (this.y > canvas.height) {
                    particles.splice(particles.indexOf(this), 1);
                    score++;
                }
            };
        }

// Function to generate new particles
        function generateParticles() {
            if (particles.length < maxParticles) {
                var x = Math.random() * canvas.width;
                var y = 0;
                particles.push(new Particle(x, y));
            }
        }

// Function to update the game state
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

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

generateParticles();

// Display score
            context.font = "20px Arial";
            context.fillStyle = "black";
            context.fillText("Score: " + score, 10, 30);

requestAnimationFrame(update);
        }

// Event listener to handle taps on the canvas
        canvas.addEventListener("click", function(event) {
            var rect = canvas.getBoundingClientRect();
            var x = event.clientX - rect.left;
            var y = event.clientY - rect.top;

for (var i = 0; i < particles.length; i++) {
                var particle = particles[i];
                var distance = Math.sqrt(Math.pow(particle.x - x, 2) + Math.pow(particle.y - y, 2));

if (distance <= particleSize) {
                    particles.splice(i, 1);
                    score++;
                    break;
                }
            }
        });

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