AI game creator

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

No:35277

←

Prev Next

→

Shooting Game
Developer User16475｜Date and time 24/1/13 20:43:27
Build time 13.388 sec｜Game capacity 3.628KB｜

Script

Sure! Here's a basic example of a shooting game implemented as a single HTML file using JavaScript and enclosed in script tags:

This is a simple shooting game where you can control a player character using the left and right arrow keys on your smartphone. Pressing the spacebar shoots bullets, and if a bullet collides with the player, the game ends and displays a game over message (you can modify this behavior as desired). The game loop continuously updates and renders the game elements on the canvas. Please note that this is just a basic implementation and can be expanded upon to include more features, levels, scoring, etc., based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a basic example of a shooting game implemented as a single HTML file using JavaScript and enclosed in script tags:

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

var bullets = [];
    var bulletSpeed = 8;

// Event listeners for player movement
    document.addEventListener("keydown", handleKeyDown);
    document.addEventListener("keyup", handleKeyUp);

// Move player based on arrow key presses
    var leftPressed = false;
    var rightPressed = false;

function handleKeyDown(event) {
      if (event.keyCode === 37) {
        leftPressed = true;
      } else if (event.keyCode === 39) {
        rightPressed = true;
      }
    }

function handleKeyUp(event) {
      if (event.keyCode === 37) {
        leftPressed = false;
      } else if (event.keyCode === 39) {
        rightPressed = false;
      }
    }

function movePlayer() {
      if (leftPressed && player.x > 0) {
        player.x -= player.speed;
      } else if (rightPressed && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }
    }

// Shoot bullets on spacebar press
    document.addEventListener("keydown", function(event) {
      if (event.keyCode === 32) {
        bullets.push({ x: player.x, y: player.y });
      }
    });

function moveBullets() {
      for (var i = 0; i < bullets.length; i++) {
        bullets[i].y -= bulletSpeed;
        if (bullets[i].y < 0) {
          bullets.splice(i, 1);
        }
      }
    }

// Detect bullet collisions with player
    function checkCollisions() {
      for (var i = 0; i < bullets.length; i++) {
        if (
          bullets[i].x > player.x &&
          bullets[i].x < player.x + player.width &&
          bullets[i].y > player.y &&
          bullets[i].y < player.y + player.height
        ) {
          // Collision detected, end the game or perform desired action
          alert("Game over!");
        }
      }
    }

// Game loop to update and render the game
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

movePlayer();
      moveBullets();
      checkCollisions();

// Draw player
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw bullets
      ctx.fillStyle = "red";
      for (var i = 0; i < bullets.length; i++) {
        ctx.fillRect(bullets[i].x, bullets[i].y, 3, 10);
      }

// Call the game loop again for the next frame
      requestAnimationFrame(gameLoop);
    }

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

Please note that this is just a basic implementation and can be expanded upon to include more features, levels, scoring, etc., based on your requirements and preferences.