Best action shooting game Shooting guns's game | AI game creator

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

No:16900

68

Best action shooting game Shooting guns
Developer User7533｜Date and time 23/9/21 16:04:15
Build time 26.119 sec｜Game capacity 2.427KB｜

→ 　

0　

0　

　
　

[PR]現在の売れ筋ゲームランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
   <title>Best Action Shooting Game</title>
   <style>
      body {
         margin: 0;
         padding: 0;
         overflow: hidden;
      }
       
      #gameCanvas {
         background-color: black;
      }
   </style>
</head>
<body>
   <canvas id="gameCanvas"></canvas>

<script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");
      
      const playerWidth = 50;
      const playerHeight = 50;
      const enemyWidth = 30;
      const enemyHeight = 30;
      
      let playerX = (canvas.width - playerWidth) / 2;
      let playerY = canvas.height - playerHeight;
      let enemyX = 0;
      let enemyY = canvas.height - enemyHeight;
      let enemySpeedY = 2;
      
      let isGameOver = false;
      
      function drawPlayer() {
         ctx.fillStyle = "#ff0000";
         ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
      }
      
      function drawEnemy() {
         ctx.fillStyle = "#00ff00";
         ctx.fillRect(enemyX, enemyY, enemyWidth, enemyHeight);
      }
      
      function updatePlayerPosition(event) {
         if (event.key === "ArrowLeft" && playerX > 0) {
            playerX -= 10;
         }
         else if (event.key === "ArrowRight" && playerX < canvas.width - playerWidth) {
            playerX += 10;
         }
      }
      
      function checkCollision() {
         if (
            enemyX < playerX + playerWidth &&
            enemyX + enemyWidth > playerX &&
            enemyY < playerY + playerHeight &&
            enemyY + enemyHeight > playerY
         ) {
            isGameOver = true;
         }
      }
      
      function gameLoop() {
         ctx.clearRect(0, 0, canvas.width, canvas.height);
         
         if (!isGameOver) {
            drawPlayer();
            drawEnemy();
            checkCollision();
            
            enemyY += enemySpeedY;
            if (enemyY <= 0 || enemyY >= canvas.height - enemyHeight) {
               enemySpeedY *= -1;
            }
         }
         else {
            ctx.font = "30px Arial";
            ctx.fillStyle = "#ffffff";
            ctx.fillText("Game Over", (canvas.width - 150) / 2, canvas.height / 2);
         }
         
         requestAnimationFrame(gameLoop);
      }
      
      document.addEventListener("keydown", updatePlayerPosition);
      gameLoop();
   </script>
</body>
</html>