AI game creator

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

No:37988

←

Prev Next

→

Generative Art
Developer User17183｜Date and time 24/1/22 3:39:36
Build time 6.755 sec｜Game capacity 1.986KB｜

Script

Sure, here's an example of a simple generative art game implemented as a single HTML file:

In this game, each time you click on the canvas, it will generate a new set of random circles with different colors and positions. The canvas size is set to 500x500, and it will display up to 100 circles at a time. The circles' positions, radii, and colors are randomly generated using JavaScript.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple generative art game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Generative Art Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

// Generate random colors
        function generateRandomColor() {
            const letters = "0123456789ABCDEF";
            let color = "#";
            for (let i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

// Generate random positions and draw circles
        function generateArt() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            for (let i = 0; i < 100; i++) {
                const x = Math.random() * canvas.width;
                const y = Math.random() * canvas.height;
                const radius = Math.random() * 50;
                const color = generateRandomColor();

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

// Call the generateArt function to start the game
        generateArt();

// Allow regenerating art when canvas is clicked
        canvas.addEventListener("click", () => {
            generateArt();
        });
    </script>
</body>
</html>
```