AI game creator

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

No:42677

←

Prev Next

→

Shooting Game
Developer User18944｜Date and time 24/2/12 17:19:37
Build time 16.402 sec｜Game capacity 4.922KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript and enclosed in script tags:

In this game, you control a blue player square using the arrow keys on your smartphone. Pressing the spacebar shoots red bullets from the player. Green enemies move down from the top of the screen, and your goal is to shoot them before they reach the bottom. Note: This game is a simple implementation and can be enhanced with additional features, levels, and graphics as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    
    #game-container {
      position: relative;
      width: 100%;
      height: 100vh;
    }
    
    .player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: blue;
    }
    
    .bullet {
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: red;
    }
    
    .enemy {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: green;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div class="player"></div>
  </div>

// Bullet variables
    var bullets = [];
    var bulletSpeed = 10;

// Enemy variables
    var enemies = [];
    var enemySpeed = 5;

// Set up the game
    function setupGame() {
      player = document.querySelector('.player');
      player.style.top = '50%';
      player.style.left = '50%';
    }

// Shoot a bullet
    function shoot() {
      var bullet = document.createElement('div');
      bullet.className = 'bullet';
      bullet.style.top = player.style.top;
      bullet.style.left = player.style.left;
      
      document.getElementById('game-container').appendChild(bullet);
      bullets.push(bullet);
    }

// Move the player
    function movePlayer(direction) {
      var top = parseInt(player.style.top);
      var left = parseInt(player.style.left);
      var moveSpeed = playerSpeed;

if (direction === 'up') {
        top -= moveSpeed;
      } else if (direction === 'down') {
        top += moveSpeed;
      } else if (direction === 'left') {
        left -= moveSpeed;
      } else if (direction === 'right') {
        left += moveSpeed;
      }

player.style.top = top + 'px';
      player.style.left = left + 'px';
    }

// Move the bullets
    function moveBullets() {
      for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];
        var top = parseInt(bullet.style.top);

top -= bulletSpeed;
        bullet.style.top = top + 'px';

// Check if bullet is out of bounds
        if (top < 0) {
          bullets.splice(i, 1);
          bullet.parentNode.removeChild(bullet);
          i--;
        }
      }
    }

// Move the enemies
    function moveEnemies() {
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        var top = parseInt(enemy.style.top);

top += enemySpeed;
        enemy.style.top = top + 'px';

// Check if enemy is out of bounds
        if (top > window.innerHeight) {
          enemies.splice(i, 1);
          enemy.parentNode.removeChild(enemy);
          i--;
        }
      }
    }

// Game loop
    function gameLoop() {
      moveBullets();
      moveEnemies();
      
      // Check for collisions
      for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];

for (var j = 0; j < enemies.length; j++) {
          var enemy = enemies[j];

if (isColliding(bullet, enemy)) {
            bullets.splice(i, 1);
            enemies.splice(j, 1);
            bullet.parentNode.removeChild(bullet);
            enemy.parentNode.removeChild(enemy);
            i--;
            break;
          }
        }
      }

requestAnimationFrame(gameLoop);
    }

// Check for collision between two elements
    function isColliding(elem1, elem2) {
      var rect1 = elem1.getBoundingClientRect();
      var rect2 = elem2.getBoundingClientRect();

return !(
        rect1.top > rect2.bottom ||
        rect1.bottom < rect2.top ||
        rect1.left > rect2.right ||
        rect1.right < rect2.left
      );
    }

// Handle keydown events
    document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowUp') {
        movePlayer('up');
      } else if (event.key === 'ArrowDown') {
        movePlayer('down');
      } else if (event.key === 'ArrowLeft') {
        movePlayer('left');
      } else if (event.key === 'ArrowRight') {
        movePlayer('right');
      } else if (event.key === ' ') {
        shoot();
      }
    });

// Start the game
    document.addEventListener('DOMContentLoaded', function() {
      setupGame();
      gameLoop();
    });
  </script>
</body>
</html>
```

In this game, you control a blue player square using the arrow keys on your smartphone. Pressing the spacebar shoots red bullets from the player. Green enemies move down from the top of the screen, and your goal is to shoot them before they reach the bottom.
Note: This game is a simple implementation and can be enhanced with additional features, levels, and graphics as desired.