AI game creator

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

No:26106

←

Prev Next

→

Generative Art
Developer User12468｜Date and time 23/11/27 1:31:47
Build time 56.461 sec｜Game capacity 2.601KB｜

Script

Sure! Here's an example of a simple generative art game implemented as a single HTML file with JavaScript:

In this game, random shapes (circles and rectangles) of various colors and sizes are generated on a canvas. The shapes will continuously be generated and animated as long as the game is active. When the game loses focus (e.g., user switches to another tab), the game will pause, and it will resume when it regains focus. You can play this game by copying the above code and saving it as an HTML file, then opening it in a web browser on your smartphone or any other device.

←

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 with JavaScript:

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

// Initialize game variables
        let isPlaying = true;

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

// Draw random shapes on the canvas
        function drawShapes() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Generate random shapes
            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 = getRandomColor();

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

if (isPlaying) {
                requestAnimationFrame(drawShapes);
            }
        }

// Start the game
        function startGame() {
            isPlaying = true;
            drawShapes();
        }

// Stop the game
        function stopGame() {
            isPlaying = false;
        }

// Add event listeners to control game play
        window.addEventListener('load', startGame);
        window.addEventListener('blur', stopGame);
        window.addEventListener('focus', startGame);
    </script>
</body>
</html>
```

You can play this game by copying the above code and saving it as an HTML file, then opening it in a web browser on your smartphone or any other device.