A game with blood and arrows to move and space to shoot's game

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

No:42646

←

Prev Next

→

A game with blood and arrows to move and space to ..ALL
Developer User18853｜Date and time 24/2/12 12:29:53
Build time 14.11 sec｜Game capacity 4.161KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Game de Tiro</title>
  <style>
    body {
      background-color: black;
      margin: 0;
    }

canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="400"></canvas>
  <script>
    // Obtendo o elemento canvas
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// Variáveis do jogador
    let playerX = 50;
    let playerY = canvas.height / 2;
    let playerWidth = 50;
    let playerHeight = 50;
    let playerSpeed = 5;

// Variáveis do projetil
    let projectileX = playerX + playerWidth;
    let projectileY = playerY + playerHeight / 2;
    let projectileWidth = 10;
    let projectileHeight = 5;
    let projectileSpeed = 10;
    let shoot = false;

// Variáveis dos inimigos
    let enemyX = canvas.width - 50;
    let enemyY = canvas.height / 2;
    let enemyWidth = 50;
    let enemyHeight = 50;
    let enemySpeed = 2;

// Função para desenhar o jogador
    function drawPlayer() {
      ctx.beginPath();
      ctx.rect(playerX, playerY, playerWidth, playerHeight);
      ctx.fillStyle = "red";
      ctx.fill();
      ctx.closePath();
    }

// Função para desenhar o projetil
    function drawProjectile() {
      ctx.beginPath();
      ctx.rect(projectileX, projectileY, projectileWidth, projectileHeight);
      ctx.fillStyle = "white";
      ctx.fill();
      ctx.closePath();
    }

// Função para desenhar os inimigos
    function drawEnemy() {
      ctx.beginPath();
      ctx.rect(enemyX, enemyY, enemyWidth, enemyHeight);
      ctx.fillStyle = "blue";
      ctx.fill();
      ctx.closePath();
    }

// Função que atualiza as posições dos objetos
    function updatePositions() {
      if (shoot) {
        projectileX += projectileSpeed;

// Verificando colisão entre o projetil e o inimigo
        if (
          projectileX + projectileWidth > enemyX &&
          projectileY + projectileHeight > enemyY &&
          projectileY < enemyY + enemyHeight
        ) {
          // Colisão ocorreu, reiniciando a posição do projetil e do inimigo
          projectileX = playerX + playerWidth;
          enemyX = canvas.width - 50;
        }

// Verificando se o projetil ultrapassou o limite do canvas
        if (projectileX > canvas.width) {
          shoot = false;
          projectileX = playerX + playerWidth;
          projectileY = playerY + playerHeight / 2;
        }
      } else {
        // Atualizando a posição do inimigo
        enemyX -= enemySpeed;

// Verificando colisão entre o jogador e o inimigo
        if (
          playerX + playerWidth > enemyX &&
          playerY + playerHeight > enemyY &&
          playerY < enemyY + enemyHeight
        ) {
          // Colisão ocorreu, encerrando o jogo
          alert('Você perdeu!');
          clearInterval(gameInterval);
        }

// Verificando se o inimigo ultrapassou o limite do canvas
        if (enemyX + enemyWidth < 0) {
          // O inimigo saiu do campo, reiniciando sua posição
          enemyX = canvas.width - 50;
        }
      }
    }

// Função principal de desenho (executada continuamente)
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawProjectile();
      drawEnemy();
      updatePositions();
    }

// Função para controlar o movimento do jogador
    function movePlayer(event) {
      const key = event.keyCode;

// Movimento para cima
      if (key === 38) {
        if (playerY > 0) {
          playerY -= playerSpeed;
        }
      }

// Movimento para baixo
      if (key === 40) {
        if (playerY + playerHeight < canvas.height) {
          playerY += playerSpeed;
        }
      }

// Disparo do projetil
      if (key === 32) {
        shoot = true;
      }
    }

// Adicionando evento para capturar teclas pressionadas
    document.addEventListener("keydown", movePlayer);

// Chamando a função de desenho continuamente
    const gameInterval = setInterval(draw, 10);
  </script>
</body>
</html>