War in AFG, shooting with usa's game

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

No:45467

100

←

Prev Next

→

War in AFG, shooting with usa
Developer User19611｜Date and time 24/2/20 18:33:48
Build time 8.428 sec｜Game capacity 1.976KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>War in AFG</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = canvas.width / 2;
    let playerY = canvas.height - 50;
    let playerWidth = 20;
    let playerHeight = 20;
    let playerSpeed = 5;

let enemyX = Math.random() * (canvas.width - 20);
    let enemyY = 10;
    let enemyWidth = 20;
    let enemyHeight = 20;
    let enemySpeed = 2;

function drawPlayer() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
    }

function drawEnemy() {
      ctx.fillStyle = 'red';
      ctx.fillRect(enemyX, enemyY, enemyWidth, enemyHeight);
    }

function updatePlayer() {
      if (playerX < 0) {
        playerX = 0;
      } else if (playerX + playerWidth > canvas.width) {
        playerX = canvas.width - playerWidth;
      }
    }

function updateEnemy() {
      enemyY += enemySpeed;
      if (enemyY > canvas.height) {
        enemyX = Math.random() * (canvas.width - 20);
        enemyY = 10;
      }
    }

function checkCollision() {
      if (playerX < enemyX + enemyWidth &&
          playerX + playerWidth > enemyX &&
          playerY < enemyY + enemyHeight &&
          playerY + playerHeight > enemyY) {
        alert('Game Over');
        document.location.reload();
      }
    }

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

drawPlayer();
      drawEnemy();

updatePlayer();
      updateEnemy();

checkCollision();

requestAnimationFrame(drawGame);
    }

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