Jogo de nave que atira. Os inimigos vem de cima para baixo lentamente e matam a nave do jogador quando encostam. A nave atira constantemente para cima um tiro por segundo, 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 explode.'s game

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

No:14641

←

Prev Next

→

Jogo de nave que atira. Os inimigos vem de cima pa..ALL
Developer User6325｜Date and time 23/9/3 21:27:19
Build time 45.867 sec｜Game capacity 4.222KB｜

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 Nave</title>
<style>
canvas {
  border: 1px solid #000;
}
</style>
</head>
<body>
<script>
// Variáveis do jogo
var canvas, context;
var player, enemies, projectiles;
var score = 0;
var gameInterval;

// Inicialização do jogo
function startGame() {
  canvas = document.createElement("canvas");
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;
  context = canvas.getContext("2d");
  document.body.insertBefore(canvas, document.body.childNodes[0]);
  player = new Player();
  enemies = [];
  projectiles = [];
  score = 0;
  gameInterval = setInterval(updateGame, 20);
}

// Classe da nave do jogador
function Player() {
  this.width = 50;
  this.height = 50;
  this.x = (canvas.width - this.width) / 2;
  this.y = canvas.height - this.height - 10;
  this.speedX = 0;
  this.image = new Image();
  this.image.src = "player.png";
}

Player.prototype.update = function() {
  this.x += this.speedX;
  if (this.x < 0) {
    this.x = 0;
  } else if (this.x + this.width > canvas.width) {
    this.x = canvas.width - this.width;
  }
}

Player.prototype.shoot = function() {
  if (projectiles.length === 0) {
    var projectile = new Projectile(this.x + this.width / 2, this.y);
    projectiles.push(projectile);
  }
}

// Classe dos inimigos
function Enemy(x, y) {
  this.width = 50;
  this.height = 50;
  this.x = x;
  this.y = y;
  this.speedY = 1;
  this.image = new Image();
  this.image.src = "enemy.png";
}

Enemy.prototype.update = function() {
  this.y += this.speedY;
  if (this.y + this.height > canvas.height) {
    // Inimigo chegou ao fim do canvas, player perde
    gameOver();
  }
}

// Classe dos tiros
function Projectile(x, y) {
  this.width = 10;
  this.height = 30;
  this.x = x - this.width / 2;
  this.y = y - this.height;
  this.speedY = -5;
  this.image = new Image();
  this.image.src = "projectile.png";
}

Projectile.prototype.update = function() {
  this.y += this.speedY;
}

// Função para verificar colisões entre objetos
function checkCollision(object1, object2) {
  return object1.x < object2.x + object2.width &&
         object1.x + object1.width > object2.x &&
         object1.y < object2.y + object2.height &&
         object1.y + object1.height > object2.y;
}

// Função para atualizar o jogo
function updateGame() {
  context.clearRect(0, 0, canvas.width, canvas.height);

// Atualização da nave do jogador
  player.update();

// Desenho dos inimigos
  for (var i = 0; i < enemies.length; i++) {
    enemies[i].update();
    context.drawImage(enemies[i].image, enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
    if (checkCollision(player, enemies[i])) {
      // Inimigo encostou na nave, player perde
      gameOver();
    }
  }

// Desenho dos tiros
  for (var i = 0; i < projectiles.length; i++) {
    projectiles[i].update();
    context.drawImage(projectiles[i].image, projectiles[i].x, projectiles[i].y, projectiles[i].width, projectiles[i].height);

// Remover inimigos atingidos
    for (var j = 0; j < enemies.length; j++) {
      if (checkCollision(projectiles[i], enemies[j])) {
        projectiles.splice(i, 1);
        enemies.splice(j, 1);
        score++;
        break;
      }
    }

// Remover tiros que saem do canvas
    if (projectiles[i] && projectiles[i].y < 0) {
      projectiles.splice(i, 1);
    }
  }

// Desenho da nave do jogador
  context.drawImage(player.image, player.x, player.y, player.width, player.height);

// Exibir pontuação
  context.font = "20px Arial";
  context.fillStyle = "#000";
  context.fillText("Pontuação: " + score, 10, 30);
}

// Função para encerrar o jogo
function gameOver() {
  clearInterval(gameInterval);
  context.clearRect(0, 0, canvas.width, canvas.height);
  context.font = "30px Arial";
  context.fillStyle = "#F00";
  context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
}

// Função para lidar com os eventos de inclinação do celular
function handleOrientation(event) {
  player.speedX = event.gamma / 10;
}

// Iniciar o jogo no carregamento da página
window.onload = startGame;
window.addEventListener("deviceorientation", handleOrientation, true);

</script>
</body>
</html>