Juego de aventura guerra y castillos's game

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

No:23576

←

Prev Next

→

Juego de aventura guerra y castillos
Developer User11007｜Date and time 23/11/1 22:39:12
Build time 50.249 sec｜Game capacity 2.476KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Aventura: Guerra y Castillos</title>
</head>
<body>
  <canvas id="canvas" width="800" height="600"></canvas>

var player = {
      x: 50,
      y: canvas.height - 50,
      width: 50,
      height: 50,
      speed: 5
    };

var castle = {
      x: canvas.width - 100,
      y: 50,
      width: 100,
      height: 200
    };

var enemy = {
      x: canvas.width / 2 - 25,
      y: 50,
      width: 50,
      height: 50,
      speed: 3
    };

var isGameOver = false;

function drawPlayer() {
      var playerImg = new Image();
      playerImg.src = "pictograms/player.png";
      ctx.drawImage(playerImg, player.x, player.y, player.width, player.height);
    }

function drawCastle() {
      var castleImg = new Image();
      castleImg.src = "pictograms/castle.png";
      ctx.drawImage(castleImg, castle.x, castle.y, castle.width, castle.height);
    }

function drawEnemy() {
      var enemyImg = new Image();
      enemyImg.src = "pictograms/enemy.png";
      ctx.drawImage(enemyImg, enemy.x, enemy.y, enemy.width, enemy.height);
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

if (!isGameOver) {
        drawPlayer();
        drawCastle();
        drawEnemy();
      } else {
        ctx.font = "30px Arial";
        ctx.fillStyle = "red";
        ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
      }
    }

function update() {
      if (!isGameOver) {
        if (enemy.y + enemy.height >= castle.y && enemy.x + enemy.width >= castle.x) {
          isGameOver = true;
        }

if (player.y + player.height >= castle.y && player.x + player.width >= castle.x) {
          isGameOver = true;
        }

if (enemy.y + enemy.height >= player.y && enemy.x + enemy.width >= player.x) {
          isGameOver = true;
        }

player.x += player.speed;
        enemy.y += enemy.speed;
      }
    }

function gameLoop() {
      update();
      draw();

if (!isGameOver) {
        requestAnimationFrame(gameLoop);
      }
    }

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