AI game creator

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

No:42499

←

Prev Next

→

Shooting Game
Developer User18887｜Date and time 24/2/11 21:01:21
Build time 12.518 sec｜Game capacity 3.636KB｜

Script

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

To play the game, simply copy the code into a HTML file, open it in your web browser (preferably on a smartphone), and use the left and right arrow keys to move the player character. Press the space bar to shoot bullets and try to hit the moving target. If the target reaches the bottom of the screen, you lose. If you hit the target, you win! Please note that this is a basic implementation of a shooting game and can be expanded upon to add more features, levels, and better graphics. The code provided here should serve as a starting point.

←

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>
  <style>
    canvas {
      border: 1px solid black;
      background-color: #f0f0f0;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

// Game variables
      var playerX = canvas.width / 2;
      var playerY = canvas.height - 30;

var bulletY = playerY;
      var bulletRadius = 5;
      var bulletSpeed = 5;
      var bulletFired = false;

// Update the game state
      function update() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
        context.beginPath();
        context.rect(playerX, playerY, 30, 10);
        context.fillStyle = "blue";
        context.fill();
        context.closePath();

// Draw bullet
        if (bulletFired) {
          context.beginPath();
          context.arc(playerX + 15, bulletY, bulletRadius, 0, Math.PI * 2);
          context.fillStyle = "red";
          context.fill();
          context.closePath();
          
          bulletY -= bulletSpeed;

// Check collision with the target
          var distX = Math.abs(targetX - (playerX + 15));
          var distY = Math.abs(targetY - bulletY);
          var distance = Math.sqrt(distX * distX + distY * distY);

if (distance < targetRadius + bulletRadius) {
            alert("Target hit! You win!");
            document.location.reload();
          }

// Check if the bullet has reached the top
          if (bulletY <= 0) {
            bulletFired = false;
            bulletY = playerY;
          }
        }
        
        // Draw target
        context.beginPath();
        context.arc(targetX, targetY, targetRadius, 0, Math.PI * 2);
        context.fillStyle = "green";
        context.fill();
        context.closePath();

// Move the target downwards
        targetY += 1;

// Check if the target has reached the bottom
        if (targetY > canvas.height) {
          alert("Target reached the bottom! You lose!");
          document.location.reload();
        }
      }

// Shoot a bullet
      function shootBullet() {
        bulletY = playerY;
      }

// Game loop
      setInterval(update, 10);
    }
  </script>
</body>
</html>
```

Please note that this is a basic implementation of a shooting game and can be expanded upon to add more features, levels, and better graphics. The code provided here should serve as a starting point.