AI game creator

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

No:46039

←

Prev Next

→

Parical univers
Developer User18896｜Date and time 24/2/22 21:26:54
Build time 6.285 sec｜Game capacity 1.344KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Particle Universe Game</title>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

canvas.addEventListener('click', function(event) {
        const mouseX = event.clientX - canvas.offsetLeft;
        const mouseY = event.clientY - canvas.offsetTop;
        particles.push({ x: mouseX, y: mouseY });
    });

function drawParticles() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        for (let i = 0; i < particles.length; i++) {
            ctx.beginPath();
            ctx.arc(particles[i].x, particles[i].y, particleSize, 0, Math.PI * 2);
            ctx.fillStyle = 'blue';
            ctx.fill();
            ctx.closePath();
        }
    }

function updateParticles() {
        for (let i = 0; i < particles.length; i++) {
            particles[i].x += Math.random() * 4 - 2;
            particles[i].y += Math.random() * 4 - 2;
        }
    }

function gameLoop() {
        drawParticles();
        updateParticles();
        requestAnimationFrame(gameLoop);
    }

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