Shooting Game's game | AI game creator

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

No:24378

91

Shooting Game
Developer User11509｜Date and time 23/11/8 5:02:43
Build time 156.626 sec｜Game capacity 5.17KB｜

Sure! Here's a simple shooting game implemented in a single HTML file, using JavaScript and pictograms:

This game is a basic shooting game where you control a player character at the bottom of the screen and shoot bullets to destroy an enemy character moving horizontally at the top. You can use arrow keys to move the player character left or right, and press the spacebar to shoot a bullet. If the bullet hits the enemy, you win. If the enemy hits the player, the game is over, and you can restart by closing the alert window. Please make sure to replace `emozi_all/player.png` and `emozi_all/enemy.png` with relevant image files, and adjust the game container size and styles as desired.

→ 　

0　

0　

　

　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

Sure! Here's a simple shooting game implemented in a single HTML file, using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    #game-container {
      position: relative;
      width: 300px;
      height: 300px;
      border: 2px solid black;
    }
    
    #player {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 40px;
      height: 40px;
      background-image: url('player.png');
      background-size: cover;
    }
    
    #bullet {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      width: 10px;
      height: 10px;
      background-color: black;
      border-radius: 50%;
    }
    
    #enemy {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 40px;
      height: 40px;
      background-image: url('enemy.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
    <div id="bullet"></div>
    <div id="enemy"></div>
  </div>

<script>
    // Get game elements
    const gameContainer = document.getElementById('game-container');
    const player = document.getElementById('player');
    const bullet = document.getElementById('bullet');
    const enemy = document.getElementById('enemy');
    
    // Set initial player position
    let playerPosition = gameContainer.offsetWidth / 2;
    player.style.left = playerPosition + 'px';
    
    // Set initial enemy position and speed
    let enemyPosition = gameContainer.offsetWidth / 2;
    let enemySpeed = 5;
    enemy.style.left = enemyPosition + 'px';
    
    // Set bullet state
    let bulletActive = false;
    let bulletPosition = 0;
    
    // Function to move the player left
    function movePlayerLeft() {
      playerPosition -= 10;
      player.style.left = playerPosition + 'px';
    }
    
    // Function to move the player right
    function movePlayerRight() {
      playerPosition += 10;
      player.style.left = playerPosition + 'px';
    }
    
    // Function to shoot the bullet
    function shootBullet() {
      bulletPosition = playerPosition + player.offsetWidth / 2 - bullet.offsetWidth / 2;
      bullet.style.left = bulletPosition + 'px';
      bulletActive = true;
      
      // Move the bullet upwards
      const bulletInterval = setInterval(function() {
        bulletPosition -= 10;
        bullet.style.bottom = bulletPosition + 'px';
        
        // Check if bullet hits the enemy
        if (bulletPosition <= enemy.offsetHeight &&
            Math.abs(bulletPosition - enemy.offsetTop) <= enemy.offsetHeight &&
            Math.abs(bulletPosition - enemy.offsetTop) <= bullet.offsetHeight) {
          alert('You win!');
          clearInterval(bulletInterval);
        }
        
        // Check if bullet reaches the top
        if (bulletPosition <= 0) {
          bulletActive = false;
          clearInterval(bulletInterval);
        }
      }, 20);
    }
    
    // Function to move the enemy
    function moveEnemy() {
      enemyPosition += enemySpeed;
      enemy.style.left = enemyPosition + 'px';
      
      // Check if enemy reaches the left or right edge
      if (enemyPosition + enemy.offsetWidth >= gameContainer.offsetWidth || enemyPosition <= 0) {
        enemySpeed *= -1; // Reverse enemy direction
      }
      
      // Check if enemy hits the player
      if (Math.abs(playerPosition - enemyPosition) <= player.offsetWidth &&
          enemy.offsetHeight >= player.offsetHeight &&
          Math.abs(enemy.offsetTop - player.offsetTop) <= player.offsetHeight) {
        alert('Game over!');
        restartGame();
      }
    }
    
    // Event listeners for player movement
    document.addEventListener('keydown', function(e) {
      if (e.key === 'ArrowLeft') {
        movePlayerLeft();
      } else if (e.key === 'ArrowRight') {
        movePlayerRight();
      } else if (e.key === ' ') {
        if (!bulletActive) {
          shootBullet();
        }
      }
    });
    
    // Function to restart the game
    function restartGame() {
      playerPosition = gameContainer.offsetWidth / 2;
      player.style.left = playerPosition + 'px';
      
      enemyPosition = gameContainer.offsetWidth / 2;
      enemySpeed = 5;
      enemy.style.left = enemyPosition + 'px';
      
      bulletActive = false;
      bulletPosition = 0;
    }
    
    // Start game loop
    setInterval(function() {
      moveEnemy();
    }, 20);
  </script>
</body>
</html>
```

This game is a basic shooting game where you control a player character at the bottom of the screen and shoot bullets to destroy an enemy character moving horizontally at the top. You can use arrow keys to move the player character left or right, and press the spacebar to shoot a bullet. If the bullet hits the enemy, you win. If the enemy hits the player, the game is over, and you can restart by closing the alert window.

Please make sure to replace `player.png` and `enemy.png` with relevant image files, and adjust the game container size and styles as desired.