ジェネラティブアート's game

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

No:24575

←

Prev Next

→

ジェネラティブアート
Developer User3198｜Date and time 23/11/10 5:24:06
Build time 21.385 sec｜Game capacity 1.145KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ジェネラティブアート</title>
</head>
<body>
    <canvas id="canvas"></canvas>
    
    <script>
        const canvas = document.getElementById("canvas");
        const ctx = canvas.getContext("2d");
        const width = window.innerWidth;
        const height = window.innerHeight;
        
        canvas.width = width;
        canvas.height = height;
        
        function draw() {
            ctx.clearRect(0, 0, width, height);
            
            for (let i = 0; i < 100; i++) {
                const x = Math.random() * width;
                const y = Math.random() * height;
                const size = Math.random() * 50;
                const red = Math.random() * 255;
                const green = Math.random() * 255;
                const blue = Math.random() * 255;
                
                ctx.beginPath();
                ctx.arc(x, y, size, 0, Math.PI * 2);
                ctx.fillStyle = `rgb(${red}, ${green}, ${blue})`;
                ctx.fill();
            }
        }
        
        draw();
    </script>
</body>
</html>