AI game creator

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

No:27784

←

Prev Next

→

Shooting Game
Developer User13835｜Date and time 23/12/9 1:54:04
Build time 36.796 sec｜Game capacity 4.124KB｜

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>Jogo de Tiro</title>
    <style>
      canvas {
        background-color: black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Classe para representar o jogador
        class Player {
          constructor(x, y, size) {
            this.x = x;
            this.y = y;
            this.size = size;
          }
          draw() {
            context.fillStyle = "white";
            context.fillRect(this.x, this.y, this.size, this.size);
          }
        }

// Classe para representar os obstáculos
        class Obstacle {
          constructor(x, y, size) {
            this.x = x;
            this.y = y;
            this.size = size;
          }
          draw() {
            context.fillStyle = "red";
            context.fillRect(this.x, this.y, this.size, this.size);
          }
        }

// Variáveis de controle do jogo
        const playerSize = 30;
        const obstacleSize = 20;
        let player;
        let obstacles = [];
        let score = 0;
        let gameover = false;

// Função para criar novos obstáculos
        function createObstacle() {
          const x = Math.random() * (canvas.width - obstacleSize);
          const y = -obstacleSize;
          obstacles.push(new Obstacle(x, y, obstacleSize));
        }

// Função para verificar colisões
        function checkCollisions() {
          for (let obstacle of obstacles) {
            if (
              player.x < obstacle.x + obstacle.size &&
              player.x + player.size > obstacle.x &&
              player.y < obstacle.y + obstacle.size &&
              player.y + player.size > obstacle.y
            ) {
              gameover = true;
            }
          }
        }
        
        // Função para atualizar a posição dos objetos no canvas
        function update() {
          context.clearRect(0, 0, canvas.width, canvas.height);
      
          if (!gameover) {
            player.draw();
            for (let obstacle of obstacles) {
              obstacle.y += 5;
              if (obstacle.y + obstacle.size > canvas.height) {
                obstacles.splice(obstacles.indexOf(obstacle), 1);
                score++;
              } else {
                obstacle.draw();
              }
            }
            checkCollisions();
            document.getElementById("score").innerHTML = `Pontuação: ${score}`;
          } else {
            context.fillStyle = "white";
            context.font = "30px Arial";
            context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
          }
      
          requestAnimationFrame(update);
        }
        
        // Função para lidar com os cliques na tela
        function handleClick(event) {
          if (!gameover) {
            const rect = canvas.getBoundingClientRect();
            const clickX = event.clientX - rect.left;
            const clickY = event.clientY - rect.top;
            player.x = clickX - playerSize / 2;
            player.y = clickY - playerSize / 2;
          } else {
            obstacles = [];
            score = 0;
            gameover = false;
          }
        }
        
        // Inicialização dos objetos do jogo
        player = new Player(canvas.width / 2 - playerSize / 2, canvas.height - playerSize, playerSize);

// Configurações iniciais
        context.fillStyle = "white";
        context.font = "16px Arial";
        context.fillText("Toque na tela para controlar o jogador.", 10, 20);
        context.fillText("Desvie dos obstáculos!", 10, 40);
        context.fillText("Pontuação: 0", 10, 60);
        canvas.addEventListener("click", handleClick);
        setInterval(createObstacle, 2000);
        update();
      });
    </script>
  </body>
</html>