AI game creator

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

No:27236

124

←

Prev Next

→

Generative Art
Developer User13547｜Date and time 23/12/5 12:07:28
Build time 39.903 sec｜Game capacity 2.49KB｜

Script

Claro, aquí tienes un ejemplo de un pequeño juego de arte generativo implementado en un solo archivo HTML:

Este código genera arte generativo en forma de formas geométricas (rectángulos o círculos) en un lienzo HTML. Cada forma se dibuja en una ubicación y tamaño aleatorios, y se les asigna un color aleatorio. El juego se ejecuta en un bucle continuo que dibuja una nueva forma cada segundo. Puedes abrir este código en un navegador web en tu smartphone para jugar y ver cómo se genera el arte dinámicamente. ¡Diviértete explorando las formas y colores generados automáticamente!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Claro, aquí tienes un ejemplo de un pequeño juego de arte generativo implementado en un solo archivo HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego de Arte Generativo</title>
  <style>
    canvas {
      border: 1px solid black;
      background-color: #efefef;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>

// Generar un número aleatorio entre dos valores
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

// Generar un color aleatorio en formato hexadecimal
    function getRandomColor() {
      var letters = "0123456789ABCDEF";
      var color = "#";
      for (var i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
      }
      return color;
    }

// Dibujar una forma aleatoria en una ubicación y tamaño aleatorios
    function drawRandomShape() {
      var x = getRandomNumber(0, canvas.width);
      var y = getRandomNumber(0, canvas.height);
      var width = getRandomNumber(50, 200);
      var height = getRandomNumber(50, 200);
      var color = getRandomColor();

// Decidir qué forma dibujar (rectángulo o círculo) en función de un número aleatorio
      if (getRandomNumber(0, 1) === 0) {
        ctx.fillStyle = color;
        ctx.fillRect(x, y, width, height);
      } else {
        ctx.beginPath();
        ctx.arc(x, y, width / 2, 0, 2 * Math.PI);
        ctx.fillStyle = color;
        ctx.fill();
      }
    }

// Bucle principal del juego para generar arte generativo continuamente
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawRandomShape();
      setTimeout(gameLoop, 1000); // Dibujar una nueva forma cada segundo
    }

// Comenzar el juego
    gameLoop();
  </script>
</body>
</html>
```

Puedes abrir este código en un navegador web en tu smartphone para jugar y ver cómo se genera el arte dinámicamente. ¡Diviértete explorando las formas y colores generados automáticamente!