AI game creator

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

No:39594

←

Prev Next

→

Shooting Game
Developer User17617｜Date and time 24/1/29 7:53:25
Build time 13.118 sec｜Game capacity 3.501KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

Instructions: 1. Save the above code in an HTML file (e.g., `shooting_game.html`). 2. Open the HTML file in a web browser. 3. The game area is represented by a blue rectangle at the bottom of the screen. 4. Move your mouse or touch to control the player's position within the game area. 5. Enemies (green rectangles) will start appearing at the top of the game area and slowly move towards the bottom. 6. If an enemy collides with the player, the game ends and an alert will appear saying "Game Over".

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    #game-area {
      width: 400px;
      height: 600px;
      border: 1px solid black;
      background-color: #f0f0f0;
      overflow: hidden;
      position: relative;
    }

#player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      bottom: 10px;
      left: 175px;
    }

.bullet {
      width: 5px;
      height: 20px;
      background-color: red;
      position: absolute;
    }

.enemy {
      width: 50px;
      height: 50px;
      background-color: green;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game-area">
    <div id="player"></div>
  </div>

// Set initial player position
    let playerX = 175;

// Handle touch or mouse movement to control player
    gameArea.addEventListener('mousemove', (event) => {
      const xPos = event.clientX - gameArea.offsetLeft;
      playerX = xPos - (player.offsetWidth / 2);
      player.style.left = playerX + 'px';
    });

// Set interval for enemy creation
    let enemyInterval = setInterval(createEnemy, 1000);

// Function to create enemy elements
    function createEnemy() {
      const enemy = document.createElement('div');
      enemy.className = 'enemy';
      enemy.style.left = Math.random() * (gameArea.offsetWidth - 50) + 'px';
      gameArea.appendChild(enemy);

// Set interval for enemy movement
      let moveInterval = setInterval(moveEnemy, 10);

// Function to move enemies
      function moveEnemy() {
        const enemies = document.getElementsByClassName('enemy');

for (let i = 0; i < enemies.length; i++) {
          const enemy = enemies[i];
          enemy.style.top = parseInt(enemy.style.top || '0') + 1 + 'px';

// Check if enemy collides with player
          if (checkCollision(enemy, player)) {
            gameOver();
          }

// Check if enemy is out of game area
          if (parseInt(enemy.style.top) > 600) {
            enemy.parentNode.removeChild(enemy);
            clearInterval(moveInterval);
          }
        }
      }
    }

// Function to check collision between two elements
    function checkCollision(a, b) {
      const aRect = a.getBoundingClientRect();
      const bRect = b.getBoundingClientRect();

return !(
        aRect.top + aRect.height < bRect.top ||
        aRect.top > bRect.top + bRect.height ||
        aRect.left + aRect.width < bRect.left ||
        aRect.left > bRect.left + bRect.width
      );
    }

// Function to end the game
    function gameOver() {
      clearInterval(enemyInterval);
      alert('Game Over');
    }
  </script>
</body>
</html>
```

Instructions:
1. Save the above code in an HTML file (e.g., `shooting_game.html`).
2. Open the HTML file in a web browser.
3. The game area is represented by a blue rectangle at the bottom of the screen.
4. Move your mouse or touch to control the player's position within the game area.
5. Enemies (green rectangles) will start appearing at the top of the game area and slowly move towards the bottom.
6. If an enemy collides with the player, the game ends and an alert will appear saying "Game Over".