AI game creator

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

No:25402

←

Prev Next

→

Shooting Game
Developer User12424｜Date and time 23/11/21 10:16:47
Build time 92.592 sec｜Game capacity 2.999KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Tiro</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Obtenha o elemento canvas
    const canvas = document.getElementById("gameCanvas");
    const context = canvas.getContext("2d");
    
    // Defina a posição inicial do jogador
    let playerX = 200;
    let playerY = 380;
    
    // Defina a posição inicial do tiro
    let bulletX = 0;
    let bulletY = playerY - 20;
    
    // Defina a posição inicial do inimigo
    let enemyX = Math.random() * 360 + 20;
    let enemyY = 20;
    
    // Defina o estado do jogo
    let gameover = false;
    
    // Função para desenhar o jogador
    function drawPlayer() {
      context.fillStyle = "#0000FF";
      context.fillRect(playerX, playerY, 40, 20);
    }
    
    // Função para desenhar o tiro
    function drawBullet() {
      context.fillStyle = "#FF0000";
      context.fillRect(bulletX, bulletY, 2, 10);
    }
    
    // Função para desenhar o inimigo
    function drawEnemy() {
      context.fillStyle = "#00FF00";
      context.fillRect(enemyX, enemyY, 20, 20);
    }
    
    // Função para mover o jogador
    function movePlayer(event) {
      if (event.key === "ArrowLeft" && playerX > 0) {
        playerX -= 10;
      } else if (event.key === "ArrowRight" && playerX < 360) {
        playerX += 5;
      } else if (event.key === " ") {
        // Dispare o tiro
        bulletX = playerX + 20;
        setInterval(moveBullet, 10);
      }
    }
    
    // Função para mover o tiro
    function moveBullet() {
      if (bulletY > 0) {
        bulletY -= 5;
      } else {
        // O tiro alcançou o topo, reinicie a posição do tiro
        bulletX = 0;
        bulletY = playerY - 20;
        clearInterval(moveBullet);
      }
    }
    
    // Função para mover o inimigo
    function moveEnemy() {
      if (enemyY < 380) {
        enemyY += 0.1;
      } else {
        // O inimigo alcançou o jogador, finalize o jogo
        gameover = true;
      }
    }
    
    // Função para verificar colisões
    function checkCollision() {
      if (bulletY <= enemyY + 20 && bulletX >= enemyX && bulletX <= enemyX + 20) {
        // O tiro atingiu o inimigo
        enemyX = Math.random() * 360 + 20;
        enemyY = 20;
        bulletX = 0;
        bulletY = playerY - 20;
      }
    }
    
    // Função para atualizar a tela do jogo
    function update() {
      if (!gameover) {
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawBullet();
        drawEnemy();
        moveEnemy();
        checkCollision();
      } else {
        alert("Fim de jogo!");
        clearInterval(update);
      }
    }
    
    // Inicie o jogo
    document.addEventListener("keydown", movePlayer);
    setInterval(update, 10);
  </script>
</body>
</html>