Create a shooter game's game

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

No:21047

101

←

Prev Next

→

Create a shooter game
Developer User9092｜Date and time 23/10/13 3:42:58
Build time 62.121 sec｜Game capacity 2.914KB｜

Script

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

The above code sets up a simple shooter game using HTML5 canvas and JavaScript. When you run the code in a web browser, it will open a game window where you can see a player character (represented by a circle) at the bottom of the canvas. By pressing the Spacebar key or tapping on the screen (assuming smartphone operation), you can shoot bullets (represented by smaller circles) upwards. The bullets will disappear when they reach the top of the canvas. Please note that this is a very basic implementation of a shooter game and can be expanded upon with additional features like enemy entities, scoring, levels, and more.

←

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 shooter game implemented as a single HTML file using JavaScript:

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

var player = {
        x: canvas.width / 2,
        y: canvas.height - 30,
        size: 10,
        color: "#0095DD"
      };

var bullets = [];

function handleKeydown(event) {
        if (event.key === " ") {
          event.preventDefault();
          fire();
        }
      }

function handleTouchStart(event) {
        event.preventDefault();
        fire();
      }

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

drawPlayer();
        drawBullets();

updateBullets();

requestAnimationFrame(update);
      }

function drawPlayer() {
        context.beginPath();
        context.arc(player.x, player.y, player.size, 0, Math.PI * 2, false);
        context.fillStyle = player.color;
        context.fill();
        context.closePath();
      }

function drawBullets() {
        bullets.forEach(function(bullet) {
          context.beginPath();
          context.arc(bullet.x, bullet.y, bullet.size, 0, Math.PI * 2, false);
          context.fillStyle = bullet.color;
          context.fill();
          context.closePath();
        });
      }

function updateBullets() {
        bullets.forEach(function(bullet) {
          bullet.y -= 2;

if (bullet.y < 0) {
            bullets.splice(bullets.indexOf(bullet), 1);
          }
        });
      }

function fire() {
        var bullet = {
          x: player.x,
          y: player.y,
          size: 6,
          color: "#FF0000"
        };

bullets.push(bullet);
      }

// Register event listeners
      document.addEventListener("keydown", handleKeydown);
      document.addEventListener("touchstart", handleTouchStart);

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

Please note that this is a very basic implementation of a shooter game and can be expanded upon with additional features like enemy entities, scoring, levels, and more.