Particle generator 2 With size, colour, amount and speed settings's game

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

No:20305

←

Prev Next

→

Particle generator 2 With size, colour, amount and..ALL
Developer User8892｜Date and time 23/10/9 4:47:24
Build time 9.596 sec｜Game capacity 2.821KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Particle Generator 2</title>
</head>
<body>
    <canvas id="canvas" style="border: 1px solid black;"></canvas>

// Setting the canvas width and height to match the screen size
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Particle class
        function Particle(x, y, size, color, speed) {
            this.x = x || 0;
            this.y = y || 0;
            this.size = size || 10;
            this.color = color || "black";
            this.speed = speed || 1;

this.draw = function() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.size, 0, 2 * Math.PI);
                ctx.fillStyle = this.color;
                ctx.fill();
                ctx.closePath();
            };

this.update = function() {
                this.y += this.speed;
                this.draw();
            };
        }

// Array to store particles
        var particles = [];

// Function to generate particles
        function generateParticles(amount, size, color, speed) {
            for (var i = 0; i < amount; i++) {
                var x = Math.random() * canvas.width;
                var y = Math.random() * canvas.height;

particles.push(new Particle(x, y, size, color, speed));
            }
        }

// Function to update particles' positions and clear the canvas
        function updateParticles() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

particles.forEach(function(particle) {
                particle.update();
            });
        }

// Start the game
        function startGame() {
            // Parameters for particle generation
            var amount = prompt("Введите количество частиц: ");
            var size = prompt("Введите размер частиц: ");
            var color = prompt("Введите цвет частиц: ");
            var speed = prompt("Введите скорость частиц: ");

// Convert string inputs to numbers
            amount = parseInt(amount);
            size = parseInt(size);
            speed = parseInt(speed);

// Generate particles
            generateParticles(amount, size, color, speed);

// Start updating particles' positions
            setInterval(updateParticles, 16.66); // roughly 60 fps
        }

// Call the startGame function
        startGame();
    </script>
</body>
</html>