AI game creator

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

No:46795

←

Prev Next

→

Generative Art
Developer User20131｜Date and time 24/2/26 1:47:53
Build time 8.234 sec｜Game capacity 1.836KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Generative Art Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
        }
        canvas {
            border: 1px solid #333;
        }
    </style>
</head>
<body>
    <script>
        const canvas = document.createElement('canvas');
        const ctx = canvas.getContext('2d');
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        document.body.appendChild(canvas);

const colors = ['#FF6633', '#FFB399', '#FF33FF', '#FFFF99', '#00B3E6',
                         '#E6B333', '#3366E6', '#999966', '#99FF99', '#B34D4D'];

function generateRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

function drawRandomShapes() {
            for (let i = 0; i < 10; i++) {
                const x = generateRandomNumber(0, canvas.width);
                const y = generateRandomNumber(0, canvas.height);
                const radius = generateRandomNumber(20, 50);
                const color = colors[generateRandomNumber(0, 9)];

ctx.beginPath();
                ctx.arc(x, y, radius, 0, 2 * Math.PI);
                ctx.fillStyle = color;
                ctx.fill();
                ctx.closePath();
            }
        }

setInterval(() => {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawRandomShapes();
        }, 1000);
    </script>
</body>
</html>