Jogo de nave que atira. Os inimigos vem de cima para baixo lentamente e matam o aviso quando encostam. A nave atira constantemente para cima e se move somente para direita e esquerda quando o jogador inclina o celular para direita ou esquerda. Se os inimigos forem atingidos eles desaparecem. Se o inimigo encostar na nave, ela morre. Se o inimigo passar ao lado da nave, o inimigo desaparece e seguem aparecendo novos inimigos, o número de inimigos surge em progressão geométrica's game

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

No:14640

←

Prev Next

→

Jogo de nave que atira. Os inimigos vem de cima pa..ALL
Developer User6325｜Date and time 23/9/3 21:24:36
Build time 58.316 sec｜Game capacity 7.074KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        margin: 0;
        overflow: hidden;
      }

#game-board {
        position: relative;
        width: 100%;
        height: 100vh;
      }

#player {
        position: absolute;
        width: 40px;
        height: 40px;
        bottom: 10px;
        left: calc(50% - 20px);
        background-color: blue;
      }

.enemy {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: red;
      }

.bullet {
        position: absolute;
        width: 10px;
        height: 20px;
        bottom: 50px;
        left: calc(50% - 5px);
        background-color: yellow;
      }

.score {
        position: absolute;
        top: 10px;
        left: 10px;
      }

.game-over {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 30px;
        font-weight: bold;
      }
    </style>
  </head>
  <body>
    <div id="game-board">
      <div id="player"></div>
      <div class="score">Score: 0</div>
    </div>

// Inicia o jogo
      function startGame() {
        player = {
          element: document.getElementById("player"),
          xPosition: window.innerWidth / 2,
          yPosition: window.innerHeight - 50,
          width: 40,
          height: 40,
          shootInterval: null
        };

document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

gameInterval = setInterval(updateGameBoard, 20);
      }

// Atualiza o tabuleiro do jogo
      function updateGameBoard() {
        clearGameBoard();

// Atualiza a posição do jogador
        player.element.style.left = player.xPosition + "px";

// Atualiza a posição dos inimigos
        for (let i = 0; i < enemies.length; i++) {
          const enemy = enemies[i];
          enemy.yPosition += 2;
          enemy.element.style.top = enemy.yPosition + "px";
          checkCollision(enemy);
        }

// Atualiza a posição das balas
        for (let i = 0; i < bullets.length; i++) {
          const bullet = bullets[i];
          bullet.yPosition -= 3;
          bullet.element.style.bottom = bullet.yPosition + "px";
          checkCollision(bullet);
        }

// Remove inimigos e balas que sairam da tela
        removeOutOfBoundsElements(enemies);
        removeOutOfBoundsElements(bullets);

// Cria novos inimigos em progressão geométrica
        if (Math.random() < 0.02) {
          const enemy = createEnemy();
          enemies.push(enemy);
        }

// Atualiza a pontuação
        document.querySelector(".score").textContent = "Score: " + score;

// Verifica se o jogo acabou
        if (isGameOver) {
          clearInterval(gameInterval);
          showGameOver();
        }
      }

// Cria um inimigo
      function createEnemy() {
        const enemy = {
          element: document.createElement("div"),
          xPosition: Math.random() * (window.innerWidth - 40),
          yPosition: -40,
          width: 40,
          height: 40
        };

enemy.element.className = "enemy";
        enemy.element.style.left = enemy.xPosition + "px";
        enemy.element.style.top = enemy.yPosition + "px";
        document.getElementById("game-board").appendChild(enemy.element);

return enemy;
      }

// Atira uma bala
      function shoot() {
        const bullet = {
          element: document.createElement("div"),
          xPosition: player.xPosition + player.width / 2 - 5,
          yPosition: player.yPosition + 40,
          width: 10,
          height: 20
        };

bullet.element.className = "bullet";
        bullet.element.style.left = bullet.xPosition + "px";
        bullet.element.style.bottom = bullet.yPosition + "px";
        document.getElementById("game-board").appendChild(bullet.element);
        bullets.push(bullet);
      }

// Verifica colisões entre elementos
      function checkCollision(element) {
        for (let i = 0; i < enemies.length; i++) {
          const enemy = enemies[i];

if (
            element.xPosition < enemy.xPosition + enemy.width &&
            element.xPosition + element.width > enemy.xPosition &&
            element.yPosition < enemy.yPosition + enemy.height &&
            element.yPosition + element.height > enemy.yPosition
          ) {
            if (element === bullet) {
              // Colisão entre bala e inimigo
              score += 10;
              enemy.element.remove();
              bullets.splice(bullets.indexOf(element), 1);
              enemies.splice(i, 1);
            } else if (element === enemy) {
              // Colisão entre jogador e inimigo
              player.element.remove();
              enemies.splice(i, 1);
              isGameOver = true;
            }
          }
        }
      }

// Remove elementos que sairam da tela
      function removeOutOfBoundsElements(elements) {
        for (let i = 0; i < elements.length; i++) {
          const element = elements[i];

if (
            element.yPosition > window.innerHeight ||
            element.yPosition + element.height < 0 ||
            element.xPosition + element.width < 0 ||
            element.xPosition > window.innerWidth
          ) {
            element.element.remove();

if (element === bullet) {
              bullets.splice(i, 1);
            } else if (element === enemy) {
              enemies.splice(i, 1);
            }
          }
        }
      }

// Limpa o tabuleiro do jogo
      function clearGameBoard() {
        const gameBoard = document.getElementById("game-board");

while (gameBoard.firstChild) {
          gameBoard.firstChild.remove();
        }

gameBoard.appendChild(document.getElementById("player"));
        gameBoard.appendChild(document.querySelector(".score"));
      }

// Mostra tela de game over
      function showGameOver() {
        const gameOverElement = document.createElement("div");
        gameOverElement.className = "game-over";
        gameOverElement.textContent = "Game Over";

document.getElementById("game-board").appendChild(gameOverElement);
      }

// Eventos de teclado
      function handleKeyDown(event) {
        if (event.key === " ") {
          player.shootInterval = setInterval(shoot, 200);
        } else if (event.key === "ArrowRight") {
          player.xPosition += 10;
        } else if (event.key === "ArrowLeft") {
          player.xPosition -= 10;
        }
      }

function handleKeyUp(event) {
        if (event.key === " ") {
          clearInterval(player.shootInterval);
        }
      }

startGame();
    </script>
  </body>
</html>