A advanced fps shooter with enemies's game

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

No:11072

←

Prev Next

→

A advanced fps shooter with enemies
Developer unknown｜Date and time 23/8/7 17:39:08
Build time 22.349 sec｜Game capacity 2.543KB｜

Script

Sure, here's a simple example of an FPS shooter game implemented as a single HTML file with JavaScript:

This code sets up a simple 2D canvas where you can control a player square using the arrow keys on a smartphone. The objective is to avoid colliding with a randomly moving red circle (enemy). If the player and enemy collide, the game ends, and the page reloads. Please note that this is a very basic implementation and can be expanded upon to create a more advanced FPS shooter game.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure, here's a simple example of an FPS shooter game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>FPS Shooter Game</title>
  <style>
    canvas {
      border: 1px solid black;
      background-color: #ccc;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player properties
    let playerX = canvas.width / 2;
    let playerY = canvas.height - 30;
    let playerSpeed = 5;

// Enemy properties
    let enemyX = Math.random() * (canvas.width - 50);
    let enemyY = -10;
    let enemySpeed = 2;
    let enemyRadius = 10;

// Game loop
    function update() {
      requestAnimationFrame(update);

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

// Update player position
      if (keyState["ArrowLeft"] && playerX > 0) {
        playerX -= playerSpeed;
      }
      if (keyState["ArrowRight"] && playerX < canvas.width - 20) {
        playerX += playerSpeed;
      }

// Update enemy position
      enemyY += enemySpeed;

// Collision detection
      if (
        playerX < enemyX + enemyRadius &&
        playerX + 20 > enemyX - enemyRadius &&
        playerY < enemyY + enemyRadius &&
        playerY + 20 > enemyY - enemyRadius
      ) {
        // Game over
        alert("Game over!");
        location.reload();
      }

// Draw player
      context.fillRect(playerX, playerY, 20, 20);

// Draw enemy
      context.beginPath();
      context.arc(enemyX, enemyY, enemyRadius, 0, Math.PI * 2, false);
      context.fillStyle = "#FF0000";
      context.fill();
      context.closePath();
    }

update();

// Keyboard controls
    const keyState = {};
    window.addEventListener(
      "keydown",
      function (e) {
        keyState[e.key] = true;
      },
      true
    );
    window.addEventListener(
      "keyup",
      function (e) {
        keyState[e.key] = false;
      },
      true
    );
  </script>
</body>
</html>
```

Please note that this is a very basic implementation and can be expanded upon to create a more advanced FPS shooter game.