AI game creator

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

No:23480

107

←

Prev Next

→

Generative Art
Developer User10919｜Date and time 23/10/31 18:52:02
Build time 37.849 sec｜Game capacity 1.945KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Juego de Arte Generativo</title>
    <style>
      body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
        margin: 0;
        background-color: #f3f3f3;
        font-family: Arial, sans-serif;
      }
      
      canvas {
        border: 3px solid #555;
      }
      
      button {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 18px;
        font-weight: bold;
        background-color: #555;
        color: #fff;
        border: none;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="400" height="400"></canvas>
    <button id="startButton">Iniciar Juego</button>
    
    <script>
      const canvas = document.getElementById('canvas');
      const context = canvas.getContext('2d');
      let requestId;
      
      function draw() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        // Generar arte generativo
        // Aquí puedes agregar tu lógica y dibujar utilizando el contexto del canvas
        
        // Ejemplo: Dibujar un círculo aleatorio
        const x = Math.random() * (canvas.width - 50);
        const y = Math.random() * (canvas.height - 50);
        const radius = Math.random() * 50;
        
        context.beginPath();
        context.arc(x, y, radius, 0, 2 * Math.PI);
        context.fillStyle = '#ff0000';
        context.fill();
        
        requestId = requestAnimationFrame(draw);
      }
      
      document.getElementById('startButton').addEventListener('click', () => {
        requestId = requestAnimationFrame(draw);
      });
      
      // Detener el juego al salir de la página
      window.addEventListener('beforeunload', () => {
        cancelAnimationFrame(requestId);
      });
    </script>
  </body>
</html>