AI game creator

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

No:28890

126

←

Prev Next

→

Generative Art
Developer User14294｜Date and time 23/12/14 23:37:18
Build time 34.145 sec｜Game capacity 2.59KB｜

Script

Sure! Here's a simple example of a generative art game implemented as a single HTML file using JavaScript and enclosed in script tags:

In this game, generative art is created using randomly generated shapes that move around the canvas. Each shape is represented as a circle with a random color. The game continuously updates the position of the shapes and redraws them on the canvas to create an animated and interactive generative art experience.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of a generative art game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Generative Art Game</title>
    <style>
        canvas {
            display: block;
            margin: 0 auto;
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

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

// Shape class
        class Shape {
            constructor(x, y, size) {
                this.x = x;
                this.y = y;
                this.size = size;
                this.color = getRandomColor();
            }

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

// Generate initial shapes
        for (let i = 0; i < 100; i++) {
            const x = Math.random() * width;
            const y = Math.random() * height;
            const size = Math.random() * 20 + 5;
            const shape = new Shape(x, y, size);
            shapes.push(shape);
        }

// Game loop
        function gameLoop() {
            ctx.clearRect(0, 0, width, height);

// Update and draw shapes
            for (const shape of shapes) {
                shape.x += Math.random() - 0.5;
                shape.y += Math.random() - 0.5;
                shape.draw();
            }

requestAnimationFrame(gameLoop);
        }

// Start the game
        gameLoop();
    </script>
</body>
</html>
```