AI game creator

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

No:46772

←

Prev Next

→

Generative Art
Developer User20131｜Date and time 24/2/26 1:26:12
Build time 7.536 sec｜Game capacity 1.935KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html lang="it">
<head>
<title>Gioco Generativo</title>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

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

function drawShape(x, y, size, color, shape) {
            ctx.beginPath();
            ctx.fillStyle = color;

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

ctx.fill();
            ctx.closePath();
        }

function generateShapes() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for(let i = 0; i < 10; 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)];

drawShape(x, y, size, color, shape);
            }
        }

generateShapes();

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