AI game creator

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

No:46746

←

Prev Next

→

Generative Art
Developer User20223｜Date and time 24/2/25 22:43:26
Build time 5.254 sec｜Game capacity 1.281KB｜

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="myCanvas" width="500" height="500"></canvas>

const colors = ['#FF5733', '#33FF57', '#3357FF', '#FF33E6', '#E6FF33'];
        const shapes = ['circle', 'square', 'triangle'];

for(let i = 0; i < 100; i++) {
            const x = Math.random() * canvas.width;
            const y = Math.random() * canvas.height;
            const size = Math.random() * 50 + 10;
            const color = colors[Math.floor(Math.random() * colors.length)];
            const shape = shapes[Math.floor(Math.random() * shapes.length)];

ctx.beginPath();

if(shape === 'circle') {
                ctx.arc(x, y, size, 0, 2 * Math.PI);
            } else if(shape === 'square') {
                ctx.rect(x, y, size, size);
            } else if(shape === 'triangle') {
                ctx.moveTo(x, y);
                ctx.lineTo(x + size, y);
                ctx.lineTo(x + size / 2, y + size);
                ctx.lineTo(x, y);
            }

ctx.fillStyle = color;
            ctx.fill();
        }

</script>
</body>
</html>