AI game creator

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

No:27871

←

Prev Next

→

Shooting Game
Developer User13908｜Date and time 23/12/9 22:18:39
Build time 31.245 sec｜Game capacity 3.127KB｜

Script

Sure, here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

This game has a player-controlled rectangle (the blue one) at the bottom of the canvas, and a target rectangle (the red one) at the top. The player can move left and right using the arrow keys and shoot bullets with the space bar. The objective is to hit the target and score as many points as possible. Hope you enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure, here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

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

// Initialize the game
    window.onload = function () {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');

// Add event listeners for player controls
      window.addEventListener('keydown', handleKeyPress);

// Start the game loop
      setInterval(update, 20);
    };

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

// Draw the player
      drawRect(playerX, playerY, 40, 40, 'blue');

// Draw the target
      drawRect(targetX, targetY, 30, 30, 'red');

// Move and draw the bullet if visible
      if (isBulletVisible) {
        bulletY -= bulletSpeed;
        drawRect(bulletX, bulletY, 4, 12, 'black');
        if (bulletY < targetY + 30 && bulletX > targetX && bulletX < targetX + 30) {
          // Bullet hit the target
          targetX = Math.random() * 350 + 25; // Move target to a new random position
          targetY = 20;
          score += 1;
        }
        if (bulletY < 0) {
          // Bullet missed the target
          isBulletVisible = false;
        }
      }

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

// Helper function to draw a rectangle
    function drawRect(x, y, width, height, color) {
      canvasContext.fillStyle = color;
      canvasContext.fillRect(x, y, width, height);
    }

// Event handler for player controls
    function handleKeyPress(event) {
      if (event.key === 'ArrowLeft') {
        // Move player left
        playerX -= 5;
        if (playerX < 0) {
          playerX = 0;
        }
      } else if (event.key === 'ArrowRight') {
        // Move player right
        playerX += 5;
        if (playerX > 360) {
          playerX = 360;
        }
      } else if (event.key === ' ') {
        // Shoot bullet
        if (!isBulletVisible) {
          bulletX = playerX + 18;
          bulletY = playerY;
          isBulletVisible = true;
        }
      }
    }
  </script>
</body>
</html>
```

Hope you enjoy the game!