AI game creator

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

No:46738

101

←

Prev Next

→

Generative Art
Developer User20131｜Date and time 24/2/25 21:57:36
Build time 5.5 sec｜Game capacity 1.122KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Generative Art Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const colors = ['#FF5733', '#33FF57', '#3357FF', '#FFFF33', '#33FFFF'];

function drawRandomShape(){
            const x = Math.floor(Math.random() * canvas.width);
            const y = Math.floor(Math.random() * canvas.height);
            const size = Math.floor(Math.random() * 50) + 10;
            const color = colors[Math.floor(Math.random() * colors.length)];

const shape = Math.floor(Math.random() * 2); // 0 = rectangle, 1 = circle

ctx.fillStyle = color;

if(shape === 0){
                ctx.fillRect(x, y, size, size);
            } else {
                ctx.beginPath();
                ctx.arc(x, y, size, 0, Math.PI * 2);
                ctx.fill();
            }
        }

for(let i = 0; i < 10; i++){
            drawRandomShape();
        }
    </script>
</body>
</html>