A first person shooter in simple 3d or 2d's game

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

No:38599

←

Prev Next

→

A first person shooter in simple 3d or 2d
Developer User17421｜Date and time 24/1/25 5:18:20
Build time 10.715 sec｜Game capacity 2.167KB｜

Script

Sure, here's a simple implementation of a first-person shooter game using JavaScript:

This implementation creates a simple game where you control a player with arrow keys on a smartphone. The player can move forward, backward, rotate left, and rotate right. The player is drawn as a circle, representing their position in the game world. You can customize the game further by adding enemies, levels, or additional features based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure, here's a simple implementation of a first-person shooter game using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>First Person Shooter</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="game"></canvas>

// Player position and angle
    let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;
    let playerAngle = 0;

// Handle keyboard input
    const keys = {};
    document.addEventListener('keydown', (event) => {
      keys[event.keyCode] = true;
    });
    document.addEventListener('keyup', (event) => {
      keys[event.keyCode] = false;
    });

// Game loop
    function gameLoop() {
      // Clear the screen
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position and angle
      if (keys[37]) playerAngle -= 0.05; // Left arrow key
      if (keys[39]) playerAngle += 0.05; // Right arrow key
      if (keys[38]) { // Up arrow key
        playerX += Math.cos(playerAngle) * 5;
        playerY += Math.sin(playerAngle) * 5;
      }
      if (keys[40]) { // Down arrow key
        playerX -= Math.cos(playerAngle) * 5;
        playerY -= Math.sin(playerAngle) * 5;
      }

// Draw the player
      ctx.strokeStyle = '#000000';
      ctx.beginPath();
      ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
      ctx.stroke();

// Request the next animation frame
      requestAnimationFrame(gameLoop);
    }

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