A basic 2d shooter game's game

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

No:36434

←

Prev Next

→

A basic 2d shooter game
Developer User16810｜Date and time 24/1/17 18:37:28
Build time 16.574 sec｜Game capacity 3.381KB｜

Script

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

This basic 2D shooter game allows the player to control a blue rectangle as the player character using left and right arrow keys. Pressing the space bar shoots red bullets from the player's position. The goal is to shoot and destroy incoming enemies, which are not included in this basic implementation. Please note that this is a minimal implementation and can be expanded upon to include more features, enemies, scoring, and additional gameplay mechanics as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>2D Shooter Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      // Game canvas
      var canvas = document.getElementById('gameCanvas');
      var context = canvas.getContext('2d');

// Player
      var player = {
        x: canvas.width / 2,
        y: canvas.height - 30,
        width: 20,
        height: 20,
        color: 'blue',
        moveSpeed: 6
      };

// Bullets
      var bullets = [];

// Controls
      var leftPressed = false;
      var rightPressed = false;

document.addEventListener("keydown", keyDownHandler);
      document.addEventListener("keyup", keyUpHandler);

function keyUpHandler(event) {
        if (event.key === "ArrowLeft") {
          leftPressed = false;
        } else if (event.key === "ArrowRight") {
          rightPressed = false;
        }
      }

function shoot() {
        bullets.push({
          x: player.x + player.width / 2,
          y: player.y,
          radius: 3,
          color: 'red',
          speed: 5
        });
      }

function update() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Move player
        if (leftPressed && player.x > 0) {
          player.x -= player.moveSpeed;
        } else if (rightPressed && player.x < canvas.width - player.width) {
          player.x += player.moveSpeed;
        }

// Move bullets
        for (var i = 0; i < bullets.length; i++) {
          bullets[i].y -= bullets[i].speed;
          if (bullets[i].y < 0) {
            bullets.splice(i, 1);
            i--;
          }
        }

// Draw objects
        drawPlayer();
        drawBullets();

requestAnimationFrame(update);
      }

update();
    });
  </script>
</body>
</html>
```

Please note that this is a minimal implementation and can be expanded upon to include more features, enemies, scoring, and additional gameplay mechanics as per your requirements.