AI game creator

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

No:41554

←

Prev Next

→

Generative Art
Developer User18627｜Date and time 24/2/8 10:32:24
Build time 7.942 sec｜Game capacity 2.108KB｜

Script

Sure! Here's an example of a simple generative art game that you can play on a smartphone using pictograms:

In this game, pictograms such as dancing woman, cat, sunflower, pizza, star, rocket, rainbow, party popper, hibiscus, and burger are randomly positioned and colored on the canvas. The `drawPictograms` function is called every 2 seconds to regenerate the positions and colors of the pictograms, creating a generative art experience. You can play the game by opening the HTML file on your smartphone and observing the changing art.

←

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 that you can play on a smartphone using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Generative Art Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

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

// Generate random positions for pictograms
    function generatePositions(numPositions) {
        var positions = [];
        for (var i = 0; i < numPositions; i++) {
            var x = Math.random() * canvas.width;
            var y = Math.random() * canvas.height;
            positions.push({x: x, y: y});
        }
        return positions;
    }

// Draw the pictograms on the canvas
    function drawPictograms() {
        var pictograms = ['💃', '🐱', '🌻', '🍕', '⭐️', '🚀', '🌈', '🎉', '🌺', '🍔'];
        var positions = generatePositions(pictograms.length);

ctx.clearRect(0, 0, canvas.width, canvas.height);

for (var i = 0; i < positions.length; i++) {
            ctx.font = "48px Arial";
            ctx.fillStyle = getRandomColor();
            ctx.fillText(pictograms[i], positions[i].x, positions[i].y);
        }
    }

// Redraw the pictograms every 2 seconds
    setInterval(drawPictograms, 2000);
    </script>
</body>
</html>
```