AI game creator

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

No:22213

←

Prev Next

→

Shooting Game
Developer User10284｜Date and time 23/10/21 18:08:08
Build time 52.931 sec｜Game capacity 2.951KB｜

Script

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

In this game, you control a player character using the mouse. The objective is to shoot the enemy character by clicking on the screen. Each successful hit will increase your score. The enemy character moves back and forth across the screen, and you can only shoot one bullet at a time. The game will continue indefinitely, and the score will keep increasing as you hit the enemy.

←

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>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Game variables
    var canvas;
    var canvasContext;
    var playerX = 200;
    var playerY = 380;
    var bulletX;
    var bulletY;
    var bulletFired = false;
    var enemyX = 200;
    var enemyY = 50;
    var enemySpeed = 2;
    var score = 0;
  
    // Initialize the game
    function init() {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');
  
      setInterval(update, 20); // Update the game every 20 milliseconds
  
      canvas.addEventListener('mousemove', function(event) {
        playerX = event.clientX - canvas.offsetLeft;
      });
  
      canvas.addEventListener('mousedown', shootBullet);
    }
  
    // Update the game state
    function update() {
      moveEnemy();
      if (bulletFired) {
        moveBullet();
      }
      checkCollision();
      draw();
    }
  
    // Move the enemy
    function moveEnemy() {
      if (enemyX < 20 || enemyX > canvas.width - 20) {
        enemySpeed = -enemySpeed;
      }
      enemyX += enemySpeed;
    }
  
    // Shoot a bullet
    function shootBullet() {
      if (!bulletFired) {
        bulletX = playerX;
        bulletY = playerY;
        bulletFired = true;
      }
    }
  
    // Move the bullet
    function moveBullet() {
      bulletY -= 5;
      if (bulletY < 0) {
        bulletFired = false;
      }
    }
  
    // Check collision between bullet and enemy
    function checkCollision() {
      if (Math.abs(bulletX - enemyX) < 20 && Math.abs(bulletY - enemyY) < 20) {
        score += 1;
        enemyX = Math.random() * canvas.width;
        enemyY = 50;
        bulletFired = false;
      }
    }
  
    // Draw game objects
    function draw() {
      // Clear the canvas
      canvasContext.clearRect(0, 0, canvas.width, canvas.height);
  
      // Draw player
      canvasContext.fillRect(playerX-20, playerY-20, 40, 40);
  
      // Draw enemy
      canvasContext.fillRect(enemyX-20, enemyY-20, 40, 40);
  
      // Draw bullet
      if (bulletFired) {
        canvasContext.fillRect(bulletX-2, bulletY-10, 4, 20);
      }
  
      // Display score
      canvasContext.fillStyle = "white";
      canvasContext.fillText("Score: " + score, 10, 20);
    }
  
    // Start the game when the page loads
    window.onload = init;
  </script>
</body>
</html>
```