AI game creator

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

No:18136

←

Prev Next

→

Generative Art
Developer User8020｜Date and time 23/9/27 12:18:04
Build time 19.235 sec｜Game capacity 1.948KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript and enclosed within script tags. This game involves clicking on pictograms to generate art:

In this game, a canvas is displayed on which pictograms are randomly drawn when the user clicks on it. The pictograms are chosen randomly from a predefined set, and each one is drawn at a random position on the canvas. The text color and size also vary randomly. You can play the game by opening the HTML file on a smartphone and tapping on the canvas to generate different pictograms. Have fun exploring generative 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 game implemented as a single HTML file, using JavaScript and enclosed within script tags. This game involves clicking on pictograms to generate art:

```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>

// Pictograms
    const pictograms = [
      '🌼', '🌈', '🌟', '🦋', '🎨'
    ];

// Create a 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;
    }

// Function to draw a pictogram at a random position
    function drawPictogram() {
      const x = Math.random() * canvas.width;
      const y = Math.random() * canvas.height;
      const index = Math.floor(Math.random() * pictograms.length);
      const pictogram = pictograms[index];
      const color = getRandomColor();

ctx.fillStyle = color;
      ctx.font = '30px Arial';
      ctx.fillText(pictogram, x, y);
    }

// Event listener for mouse click
    canvas.addEventListener('click', drawPictogram);

// Start the game by drawing the first pictogram
    drawPictogram();

</script>
</body>
</html>
```

You can play the game by opening the HTML file on a smartphone and tapping on the canvas to generate different pictograms. Have fun exploring generative art!