AI game creator

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

No:10178

111

←

Prev Next

→

Generative Art
Developer User4391｜Date and time 23/7/29 6:28:55
Build time 16.383 sec｜Game capacity 2.556KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <script>
    // Função para criar um jogo de arte generativa
    function criarJogoArteGenerativa() {
      // Definir a largura e altura do canvas
      var larguraCanvas = window.innerWidth;
      var alturaCanvas = window.innerHeight;

// Criar um canvas
      var canvas = document.createElement("canvas");
      canvas.width = larguraCanvas;
      canvas.height = alturaCanvas;
      document.body.appendChild(canvas);

// Obter o contexto 2D do canvas
      var context = canvas.getContext("2d");

// Função para desenhar uma figura aleatória
      function desenharFiguraAleatoria() {
        // Limpar o canvas 
        context.clearRect(0, 0, larguraCanvas, alturaCanvas);

// Definir um número aleatório para escolher a figura a ser desenhada
        var numeroAleatorio = Math.floor(Math.random() * 3) + 1;

// Desenhar a figura aleatória
        switch (numeroAleatorio) {
          case 1:
            // Desenhar um círculo
            context.beginPath();
            context.arc(larguraCanvas / 2, alturaCanvas / 2, larguraCanvas / 4, 0, 2 * Math.PI);
            context.fillStyle = "#FF0000";
            context.fill();
            break;
          case 2:
            // Desenhar um quadrado
            context.fillStyle = "#00FF00";
            context.fillRect(larguraCanvas / 4, alturaCanvas / 4, larguraCanvas / 2, alturaCanvas / 2);
            break;
          case 3:
            // Desenhar um triângulo
            context.beginPath();
            context.moveTo(larguraCanvas / 2, alturaCanvas / 4);
            context.lineTo(larguraCanvas / 4, (3 * alturaCanvas) / 4);
            context.lineTo((3 * larguraCanvas) / 4, (3 * alturaCanvas) / 4);
            context.closePath();
            context.fillStyle = "#0000FF";
            context.fill();
            break;
        }
      }

// Chamar a função para desenhar uma figura aleatória
      desenharFiguraAleatoria();

// Função para atualizar o canvas quando o usuário tocar na tela
      function atualizarCanvas() {
        // Atualizar o canvas
        desenharFiguraAleatoria();
      }

// Adicionar um event listener para chamar a função atualizarCanvas quando o usuário tocar na tela
      document.addEventListener("touchstart", atualizarCanvas);
    }

// Chamar a função para criar o jogo de arte generativa assim que a página for carregada
    window.addEventListener("load", criarJogoArteGenerativa);
  </script>
</body>
</html>