AI game creator

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

No:40750

112

←

Prev Next

→

Shooter game
Developer User18241｜Date and time 24/2/4 2:49:32
Build time 14.503 sec｜Game capacity 4.102KB｜

Script

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

This code sets up a simple shooter game where you control a player using touch controls on a smartphone. The player can move left or right by swiping on the screen and shoot bullets by tapping. The goal is to destroy as many enemies as possible while avoiding collision with them. The score increases for each enemy destroyed.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooter Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Event listeners for touch controls
    canvas.addEventListener("touchstart", handleTouchStart);
    canvas.addEventListener("touchmove", handleTouchMove);
    canvas.addEventListener("touchend", handleTouchEnd);

// Player movement
    function handleTouchStart(event) {
      if (gamePaused) {
        gamePaused = false;
        requestAnimationFrame(gameLoop);
      } else {
        var touchX = event.touches[0].pageX;
        if (touchX < player.x && player.x >= 20) {
          player.x -= 20;
        } else if (touchX > player.x && player.x <= 340) {
          player.x += 20;
        }
      }
    }

// Bullet shooting
    function handleTouchEnd() {
      if (!gamePaused) {
        bullets.push({ x: player.x + player.width / 2 - 2.5, y: player.y });
      }
    }

// Game loop
    function gameLoop() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.fillStyle = "blue";
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Move bullets
      bullets.forEach(function(bullet) {
        ctx.fillStyle = "red";
        ctx.fillRect(bullet.x, bullet.y, 5, 10);
        bullet.y -= 5;
      });

// Remove bullets out of screen
      bullets = bullets.filter(function(bullet) {
        return bullet.y >= 0;
      });

// Spawn enemies
      if (Math.random() < 0.02) {
        enemies.push({
          x: Math.random() * (canvas.width - 20),
          y: -20,
          width: 20,
          height: 20
        });
      }

// Move enemies
      enemies.forEach(function(enemy) {
        ctx.fillStyle = "red";
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
        enemy.y += 2;

// Collision detection
        bullets.forEach(function(bullet) {
          if (
            bullet.x < enemy.x + enemy.width &&
            bullet.x + 5 > enemy.x &&
            bullet.y < enemy.y + enemy.height &&
            bullet.y + 10 > enemy.y
          ) {
            score++;
            bullets.splice(bullets.indexOf(bullet), 1);
            enemies.splice(enemies.indexOf(enemy), 1);
          }
        });

// Game over if enemy reaches the player
        if (
          enemy.x < player.x + player.width &&
          enemy.x + enemy.width > player.x &&
          enemy.y < player.y + player.height &&
          enemy.y + enemy.height > player.y
        ) {
          gamePaused = true;
          alert("Game Over!\nFinal Score: " + score);
          resetGame();
        }

// Remove enemies out of screen
        enemies = enemies.filter(function(enemy) {
          return enemy.y <= canvas.height;
        });
      });

// Draw score
      ctx.font = "16px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + score, 8, 20);

if (!gamePaused) {
        requestAnimationFrame(gameLoop);
      }
    }

// Reset game variables
    function resetGame() {
      player = { x: 180, y: 380, width: 40, height: 40 };
      bullets = [];
      enemies = [];
      score = 0;
    }

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