AI game creator

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

No:36423

←

Prev Next

→

Shooting Game
Developer User16803 Toegyi｜Date and time 24/1/17 17:04:10
Build time 13.467 sec｜Game capacity 2.737KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file:

This code sets up a simple shooting game where the player can move horizontally and shoot bullets using the spacebar. The goal is to hit the enemy square with the bullets and earn points. The game loop updates the positions of the player, bullet, and enemy each frame and checks for collisions. The score is updated and displayed on the canvas.

←

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:

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

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

// Set up event listeners
        document.addEventListener("keydown", handleKeyDown);

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

// Event listener for key presses
      function handleKeyDown(event) {
        if (event.keyCode === 32) {
          // Spacebar to shoot
          bulletX = playerX;
          bulletY = playerY;
          bulletVisible = true;
        }
      }

// Game loop
      function update() {
        // Update player position
        playerX += 5;

// Update bullet position
        if (bulletVisible) {
          bulletX += bulletSpeed;
        }

// Update enemy position
        enemyX -= enemySpeed;

// Check for collision between bullet and enemy
        if (
          bulletVisible &&
          bulletX + 10 > enemyX &&
          bulletX < enemyX + 50 &&
          bulletY + 10 > enemyY &&
          bulletY < enemyY + 50
        ) {
          // Collision occurred
          score++;
          bulletVisible = false;
          enemyX = 800;
          enemyY = Math.floor(Math.random() * 450) + 50;
        }

// Clear the canvas
        canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
        canvasContext.fillRect(playerX, playerY, 50, 50);

// Draw bullet
        if (bulletVisible) {
          canvasContext.fillRect(bulletX, bulletY, 10, 10);
        }

// Draw enemy
        canvasContext.fillRect(enemyX, enemyY, 50, 50);

// Draw score
        canvasContext.fillText("Score: " + score, 10, 20);
      }
    </script>
  </body>
</html>
```