AI game creator

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

No:33877

←

Prev Next

→

Generative Art
Developer User15937｜Date and time 24/1/6 22:44:04
Build time 32.207 sec｜Game capacity 2.69KB｜

Script

HTML:

JavaScript (`game.js`): В этой игре генерируется случайное генеративное искусство, состоящее из 100 случайных пиктограмм, каждая со случайным цветом и позицией на холсте. Когда пользователь касается экрана своего смартфона, игра обновляется и отрисовывает новое генеративное искусство.

←

Prev　Next

→ 　

Back　

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

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

HTML:
```html
<!DOCTYPE html>
<html>
<head>
  <title>Генеративное искусство</title>
  <script src="game.js"></script>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="300" height="300"></canvas>
</body>
</html>
```

JavaScript (`game.js`):
```javascript
window.onload = function() {
  const canvas = document.getElementById("canvas");
  const context = canvas.getContext("2d");
  
  // Функция для генерации случайного цвета в формате RGB
  function generateRandomColor() {
    const red = Math.floor(Math.random() * 256);
    const green = Math.floor(Math.random() * 256);
    const blue = Math.floor(Math.random() * 256);
    return `rgb(${red}, ${green}, ${blue})`;
  }
  
  // Функция для генерации случайной пиктограммы
  function generateRandomPictogram() {
    const pictograms = ["🌼", "🌈", "🌺", "🌞", "🌸", "🌙", "⭐", "🍓", "🍀", "🐧"];
    const randomIndex = Math.floor(Math.random() * pictograms.length);
    return pictograms[randomIndex];
  }
  
  // Функция для генерации случайной позиции на холсте
  function generateRandomPosition() {
    const x = Math.random() * canvas.width;
    const y = Math.random() * canvas.height;
    return { x, y };
  }
  
  // Функция для отрисовки генеративного искусства
  function drawArt() {
    context.clearRect(0, 0, canvas.width, canvas.height);
    for (let i = 0; i < 100; i++) {
      const color = generateRandomColor();
      const pictogram = generateRandomPictogram();
      const position = generateRandomPosition();
      
      context.fillStyle = color;
      context.fillText(pictogram, position.x, position.y);
    }
  }
  
  // Запускаем отрисовку при загрузке страницы
  drawArt();
  
  // Запускаем отрисовку при каждом касании экрана на мобильном устройстве
  canvas.addEventListener("touchstart", drawArt);
};
```

В этой игре генерируется случайное генеративное искусство, состоящее из 100 случайных пиктограмм, каждая со случайным цветом и позицией на холсте. Когда пользователь касается экрана своего смартфона, игра обновляется и отрисовывает новое генеративное искусство.