Partical life nanovese...canvas 360 by 360 grid 9 sectors 9 subsectors 9. midle sector is ai partical generator each subsectors 9 sectors is randomly red white blue yellow black's game

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

No:51848

←

Prev Next

→

Partical life nanovese...canvas 360 by 360 grid 9 ..ALL
Developer User18896｜Date and time 24/3/16 13:39:59
Build time 0.955 sec｜Game capacity 0.04KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

←

Prev　Next

→ 　

Back　

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

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!DOCTYPE html>
<html>
<head>
    <title>綺麗な花火</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: black;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="fireworks"></canvas>
    <script>
        const fireworksCanvas = document.getElementById('fireworks');
        const ctx = fireworksCanvas.getContext('2d');
        let particles = [];

fireworksCanvas.width = window.innerWidth;
        fireworksCanvas.height = window.innerHeight;

class Particle {
            constructor(x, y, color) {
                this.x = x;
                this.y = y;
                this.color = color;
                this.radius = Math.random() * 2 + 1;
                this.speedX = Math.random() * 3 - 1.5;
                this.speedY = Math.random() * 3 - 1.5;
                this.life = 80;
            }

update() {
                this.x += this.speedX;
                this.y += this.speedY;
                this.life -= 1;
            }

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

function createFirework(x, y) {
            const particleCount = 100;
            const hue = Math.random() * 360;
            const color = `hsl(${hue}, 100%, 50%)`;

for (let i = 0; i < particleCount; i++) {
                particles.push(new Particle(x, y, color));
            }
        }

function drawParticles() {
            for (let i = 0; i < particles.length; i++) {
                particles[i].draw();
            }
        }

function animate() {
            ctx.fillStyle = 'rgba(0, 0, 0, 0.1)';
            ctx.fillRect(0, 0, fireworksCanvas.width, fireworksCanvas.height);

updateParticles();
            drawParticles();

requestAnimationFrame(animate);
        }

fireworksCanvas.addEventListener('click', (e) => {
            const mouseX = e.clientX;
            const mouseY = e.clientY;
            createFirework(mouseX, mouseY);
        });

animate();
    </script>
</body>
</html>