AI game creator

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

No:15657

133

←

Prev Next

→

Shooting game
Developer Eziekel｜Date and time 23/9/10 14:40:47
Build time 25.234 sec｜Game capacity 3.488KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript. It is designed for smartphone operation and includes pictograms for better user experience. Please note that this is a simplified version and can be further enhanced as per your requirements.

To play the game, simply open the HTML file on a smartphone and touch/click to move the player and shoot bullets at the moving targets. The objective is to hit the targets and increase your score.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

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

// Initialize game
    function gameInit() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

playerWidth = playerHeight = 50;
      bulletWidth = bulletHeight = 10;
      targetWidth = targetHeight = 50;
      playerX = canvas.width / 2 - playerWidth / 2;
      playerY = canvas.height - playerHeight;
      bulletX = bulletY = -bulletHeight; // Initially hide bullet
      targetX = Math.random() * (canvas.width - targetWidth);
      targetY = 0;
      score = 0;

// Update game at regular intervals
      setInterval(updateGame, 10);

// Event listener for player touch/click
      canvas.addEventListener("touchstart", handleTouch);
    }

// Update game
    function updateGame() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
      drawPlayer();

// Update bullet position
      if (bulletY > 0) {
        bulletY -= 5;
        drawBullet();
      } else {
        bulletY = -bulletHeight; // Reset bullet position
      }

// Update target position
      targetY += 2;
      if (targetY >= canvas.height) {
        targetX = Math.random() * (canvas.width - targetWidth);
        targetY = 0;
      }
      drawTarget();

// Detect collision
      if (bulletY > 0 && targetY < (bulletY + bulletHeight) && targetY + targetHeight > bulletY && bulletX > targetX && bulletX < (targetX + targetWidth)) {
        score++;
        targetX = Math.random() * (canvas.width - targetWidth);
        targetY = 0;
      }

// Update score
      ctx.font = "18px Arial";
      ctx.fillText("Score: " + score, 10, 30);
    }

// Draw player
    function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
    }

// Draw bullet
    function drawBullet() {
      ctx.fillStyle = "red";
      ctx.fillRect(bulletX, bulletY, bulletWidth, bulletHeight);
    }

// Draw target
    function drawTarget() {
      ctx.fillStyle = "green";
      ctx.fillRect(targetX, targetY, targetWidth, targetHeight);
    }

// Handle player touch/click
    function handleTouch(e) {
      var touchX = e.touches[0].clientX;
      var touchY = e.touches[0].clientY;

// Move player
      playerX = touchX - playerWidth / 2;

// Shoot bullet
      bulletX = playerX + playerWidth / 2 - bulletWidth / 2;
      bulletY = playerY;
    }

// Start the game
    gameInit();
  </script>
</body>
</html>
```

To play the game, simply open the HTML file on a smartphone and touch/click to move the player and shoot bullets at the moving targets. The objective is to hit the targets and increase your score.