Shoot enemies game , enemy can shoot back and doge's game | AI game creator

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

No:13241

269

Shoot enemies game , enemy can shoot back and doge
Developer anonymous｜Date and time 23/8/27 12:03:43
Build time 4938 sec｜Game capacity 4.938KB｜

Sure! Here's an example of a simple shoot 'em up game using pictograms for the player, enemies, and bullets. The player can shoot enemies, enemies can shoot back, and the player can dodge enemy bullets. To control the game, tap/click on the player pictogram to shoot, and swipe left or right to move the player.

I hope you enjoy playing the game!

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple shoot 'em up game using pictograms for the player, enemies, and bullets. The player can shoot enemies, enemies can shoot back, and the player can dodge enemy bullets. To control the game, tap/click on the player pictogram to shoot, and swipe left or right to move the player.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shoot 'Em Up Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

<script>
    // Define game variables
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");
    
    var player = {
      x: canvas.width / 2,
      y: canvas.height - 100,
      width: 50,
      height: 50,
      speed: 5
    };
    
    var enemies = [];
    var bullets = [];
    var score = 0;
    
    // Function to create new enemy
    function createEnemy() {
      var enemy = {
        x: Math.random() * (canvas.width - 50),
        y: 0,
        width: 50,
        height: 50,
        speed: Math.random() * 2 + 1
      };
      enemies.push(enemy);
    }
    
    // Function to handle player shooting
    function shoot() {
      var bullet = {
        x: player.x + player.width / 2,
        y: player.y,
        width: 10,
        height: 10,
        speed: 5
      };
      bullets.push(bullet);
    }
    
    // Function to handle player movement
    function movePlayer(direction) {
      if (direction === "left" && player.x > 0) {
        player.x -= player.speed;
      } else if (direction === "right" && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }
    }
    
    // Function to check collisions
    function checkCollisions() {
      bullets.forEach(function(bullet) {
        enemies.forEach(function(enemy) {
          if (
            bullet.x < enemy.x + enemy.width &&
            bullet.x + bullet.width > enemy.x &&
            bullet.y < enemy.y + enemy.height &&
            bullet.y + bullet.height > enemy.y
          ) {
            score++;
            bullets.splice(bullets.indexOf(bullet), 1);
            enemies.splice(enemies.indexOf(enemy), 1);
          }
        });
      });
      
      enemies.forEach(function(enemy) {
        if (
          player.x < enemy.x + enemy.width &&
          player.x + player.width > enemy.x &&
          player.y < enemy.y + enemy.height &&
          player.y + player.height > enemy.y
        ) {
          gameOver();
        }
        
        bullets.forEach(function(bullet) {
          if (
            bullet.x < player.x + player.width &&
            bullet.x + bullet.width > player.x &&
            bullet.y < player.y + player.height &&
            bullet.y + bullet.height > player.y
          ) {
            gameOver();
          }
        });
      });
    }
    
    // Function to handle game over
    function gameOver() {
      alert("Game Over! Final Score: " + score);
      location.reload();
    }
    
    // Function to draw game objects
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      context.fillStyle = "#000000";
      context.fillRect(player.x, player.y, player.width, player.height);
      
      bullets.forEach(function(bullet) {
        context.fillStyle = "#FF0000";
        context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
      });
      
      enemies.forEach(function(enemy) {
        context.fillStyle = "#00FF00";
        context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      });
      
      context.fillStyle = "#000000";
      context.font = "24px Arial";
      context.fillText("Score: " + score, 10, 30);
    }
    
    // Function to update game objects
    function update() {
      draw();
      
      enemies.forEach(function(enemy) {
        enemy.y += enemy.speed;
        if (enemy.y > canvas.height) {
          enemies.splice(enemies.indexOf(enemy), 1);
        }
      });
      
      bullets.forEach(function(bullet) {
        bullet.y -= bullet.speed;
        if (bullet.y < 0) {
          bullets.splice(bullets.indexOf(bullet), 1);
        }
      });
      
      checkCollisions();
    }
    
    // Main game loop
    function gameLoop() {
      update();
      requestAnimationFrame(gameLoop);
    }
    
    // Start the game
    createEnemy();
    gameLoop();
    
    // Event listeners for player control
    canvas.addEventListener("click", shoot);
    
    var touchStartX, touchEndX;
    canvas.addEventListener("touchstart", function(event) {
      touchStartX = event.touches[0].clientX;
    });
    
    canvas.addEventListener("touchend", function(event) {
      touchEndX = event.changedTouches[0].clientX;
      
      if (touchStartX - touchEndX > 100) {
        movePlayer("left");
      } else if (touchEndX - touchStartX > 100) {
        movePlayer("right");
      }
    });
  </script>
</body>
</html>
```

I hope you enjoy playing the game!