A 2d platformer shooter's game

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

No:8709

←

Prev Next

→

A 2d platformer shooter
Developer User4232｜Date and time 23/7/18 0:08:46
Build time 29.062 sec｜Game capacity 2.963KB｜

Script

Sure! Here's a simple example of a 2D platformer shooter game implemented as a single HTML file using JavaScript. Please note that due to the platform's limitations, the game might not be very feature-rich, but it should give you an idea of how to create a basic game structure.

In this game, you control a player character using the left and right arrow keys. Pressing the space bar will shoot bullets from the player's position towards the top of the screen. The game loop constantly updates the game state and renders the current frame on the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>2D Platformer Shooter Game</title>
    <style>
      #gameCanvas {
        border: 1px solid #000;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Initialize game
      function init() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");

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

// Add event listeners
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

setInterval(gameLoop, 10);
      }

// Handle key down events
      function handleKeyDown(event) {
        // Handle player movement
        if (event.keyCode === 37) {
          // Left arrow key
          playerX -= 2;
        } else if (event.keyCode === 39) {
          // Right arrow key
          playerX += 2;
        }

// Handle shooting
        if (event.keyCode === 32) {
          // Space key
          bullets.push({ x: playerX, y: playerY });
        }
      }

// Handle key up events
      function handleKeyUp(event) {
        // Stop player movement when key is released
        if (event.keyCode === 37 || event.keyCode === 39) {
          playerX = playerX;
        }
      }

// Update game state
      function update() {
        // Update bullet positions
        for (let i = 0; i < bullets.length; i++) {
          bullets[i].y -= 2;

// Remove bullets when they go off-screen
          if (bullets[i].y < 0) {
            bullets.splice(i, 1);
            i--;
          }
        }
      }

// Render game objects
      function render() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Render player
        ctx.fillStyle = "#FF0000";
        ctx.fillRect(playerX, playerY, 10, 10);

// Render bullets
        ctx.fillStyle = "#0000FF";
        for (let i = 0; i < bullets.length; i++) {
          ctx.fillRect(bullets[i].x, bullets[i].y, 2, 5);
        }
      }

// Main game loop
      function gameLoop() {
        update();
        render();
      }

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