Shooter game that's easy to play's game

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

No:13028

128

←

Prev Next

→

Shooter game that's easy to play
Developer User4222｜Date and time 23/8/26 9:30:17
Build time 23.131 sec｜Game capacity 4.065KB｜

Script

Sure! Here's a simple shooter game implemented as a single HTML file using JavaScript. It can be played on a smartphone and uses pictograms for the game elements. Please note that this is a basic implementation and can be further enhanced and customized as per your requirements.

To play the game, simply copy the entire code into a new HTML file and open it in a web browser on your smartphone. Tap the screen to shoot bullets and avoid colliding with the moving enemies. The goal is to shoot down as many enemies as possible to score points. The score is displayed at the top left corner of the screen. If an enemy reaches the player's position, the game ends and the final score is shown in an alert box.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooter Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      background-color: black;
      overflow: hidden;
    }

#gameCanvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

const playerSize = 50;
    const bulletSize = 10;
    const enemySize = 40;
    const enemySpeed = 2;

// Game state
    let playerX = screenWidth / 2 - playerSize / 2;
    let playerY = screenHeight - playerSize - 10;
    let bullets = [];
    let enemies = [];
    let score = 0;

// Initialize the game canvas
    const canvas = document.getElementById('gameCanvas');
    canvas.width = screenWidth;
    canvas.height = screenHeight;
    const ctx = canvas.getContext('2d');

// Add event listener for touch/mouse click
    canvas.addEventListener('click', shootBullet);

// Game loop
    function gameLoop() {
      update();
      draw();
    }

// Update game state
    function update() {
      // Move bullets
      bullets = bullets.filter(bullet => bullet.y > 0);
      bullets.forEach(bullet => (bullet.y -= 10));

// Spawn enemies
      if (Math.random() < 0.01) {
        const enemyX = Math.random() * (screenWidth - enemySize);
        enemies.push({ x: enemyX, y: 0 });
      }

// Move enemies
      enemies.forEach(enemy => (enemy.y += enemySpeed));

// Detect collisions
      bullets.forEach(bullet => {
        enemies.forEach((enemy, index) => {
          if (
            bullet.x < enemy.x + enemySize &&
            bullet.x + bulletSize > enemy.x &&
            bullet.y < enemy.y + enemySize &&
            bullet.y + bulletSize > enemy.y
          ) {
            bullets.splice(bullets.indexOf(bullet), 1);
            enemies.splice(index, 1);
            score++;
          }
        });
      });

// Check game over
      enemies.forEach(enemy => {
        if (enemy.y + enemySize > playerY && enemy.y < playerY + playerSize &&
          enemy.x + enemySize > playerX && enemy.x < playerX + playerSize) {
          gameOver();
        }
      });
    }

// Draw game elements
    function draw() {
      ctx.clearRect(0, 0, screenWidth, screenHeight);

// Draw player
      ctx.fillStyle = 'white';
      ctx.fillRect(playerX, playerY, playerSize, playerSize);

// Draw bullets
      ctx.fillStyle = 'red';
      bullets.forEach(bullet => {
        ctx.fillRect(bullet.x, bullet.y, bulletSize, bulletSize);
      });

// Draw enemies
      ctx.fillStyle = 'blue';
      enemies.forEach(enemy => {
        ctx.fillRect(enemy.x, enemy.y, enemySize, enemySize);
      });

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

// Shoot a bullet
    function shootBullet(event) {
      const bulletX = playerX + playerSize / 2 - bulletSize / 2;
      const bulletY = playerY;
      bullets.push({ x: bulletX, y: bulletY });
    };

// Game over
    function gameOver() {
      alert('Game Over!\nFinal Score: ' + score);
      window.location.reload();
    }

// Start game loop
    setInterval(gameLoop, 30);
  </script>
</body>
</html>
```