AI game creator

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

No:19167

←

Prev Next

→

Shooting Game
Developer User8446｜Date and time 23/10/1 22:43:58
Build time 12.621 sec｜Game capacity 2.836KB｜

Script

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

This game allows the player to move a square (player) horizontally using the left and right arrow keys. The player can also shoot bullets by pressing the spacebar. The objective is to shoot the falling bullet and increase the score. The game ends if the bullet hits the player or goes off the screen. The score is displayed at the top left corner, and "Game Over" is shown when the game ends.

←

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:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game variables
    var canvas, ctx;
    var playerX, playerY, playerSize;
    var bulletX, bulletY, bulletSize, bulletSpeed;
    var score, isGameOver;

// Initialize the game
    function initGame() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');

playerX = canvas.width / 2;
      playerY = canvas.height - 50;
      playerSize = 40;

bulletX = playerX;
      bulletY = playerY;
      bulletSize = 10;
      bulletSpeed = 5;

score = 0;
      isGameOver = false;

document.addEventListener('keydown', handleKeyPress);
      draw();
    }

// Handle player movement
    function handleKeyPress(event) {
      if (event.keyCode === 37) { // Left arrow key
        playerX -= 10;
      } else if (event.keyCode === 39) { // Right arrow key
        playerX += 10;
      } else if (event.keyCode === 32) { // Spacebar (shoot)
        shootBullet();
      }
    }

// Shoot a bullet
    function shootBullet() {
      if (isGameOver) return;

bulletY = playerY;
      setInterval(function() {
        bulletY -= bulletSpeed;
        if (bulletY <= 0) {
          bulletY = playerY;
        }
      }, 10);
    }

// Check for collision between bullet and player
    function checkCollision() {
      if (bulletY <= 0 || bulletY >= playerY - playerSize) {
        if (bulletX >= playerX && bulletX <= playerX + playerSize) {
          score++;
          bulletY = playerY;
        }
      }
    }

// Draw the game objects
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.fillStyle = '#000000';

// Draw player
      ctx.fillRect(playerX, playerY, playerSize, playerSize);

// Draw bullet
      ctx.fillRect(bulletX, bulletY, bulletSize, bulletSize);

// Draw score
      ctx.font = '20px Arial';
      ctx.fillText('Score: ' + score, 10, 30);

if (!isGameOver) {
        checkCollision();
        requestAnimationFrame(draw);
      } else {
        ctx.font = '30px Arial';
        ctx.fillText('Game Over', canvas.width / 2 - 70, canvas.height / 2);
      }
    }

// Start the game
    initGame();

</script>
</body>
</html>
```