AI game creator

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

No:36126

←

Prev Next

→

Fps game
Developer Spy｜Date and time 24/1/16 23:34:38
Build time 15.315 sec｜Game capacity 3.029KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>FPS Game</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  
  <script>
    // Game initialization
    let canvas = document.getElementById("gameCanvas");
    let context = canvas.getContext("2d");
    
    let player = {
      x: 400,
      y: 300,
      size: 20,
      speed: 5
    };
    
    let bullets = [];
    
    // Key state variables
    let leftPressed = false;
    let rightPressed = false;
    let upPressed = false;
    let downPressed = false;
    let spacePressed = false;
    
    // Event listeners for key presses
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);
    
    function keyDownHandler(event) {
      event.preventDefault();
      
      if (event.key === "ArrowLeft") {
        leftPressed = true;
      }
      if (event.key === "ArrowRight") {
        rightPressed = true;
      }
      if (event.key === "ArrowUp") {
        upPressed = true;
      }
      if (event.key === "ArrowDown") {
        downPressed = true;
      }
      if (event.key === " ") {
        spacePressed = true;
      }
    }
    
    function keyUpHandler(event) {
      event.preventDefault();
      
      if (event.key === "ArrowLeft") {
        leftPressed = false;
      }
      if (event.key === "ArrowRight") {
        rightPressed = false;
      }
      if (event.key === "ArrowUp") {
        upPressed = false;
      }
      if (event.key === "ArrowDown") {
        downPressed = false;
      }
      if (event.key === " ") {
        spacePressed = false;
      }
    }
    
    // Update game state
    function update() {
      if (leftPressed) {
        player.x -= player.speed;
      }
      if (rightPressed) {
        player.x += player.speed;
      }
      if (upPressed) {
        player.y -= player.speed;
      }
      if (downPressed) {
        player.y += player.speed;
      }
      if (spacePressed) {
        bullets.push({ x: player.x, y: player.y, speed: 8 });
      }
      
      // Update bullet positions
      for (let i = 0; i < bullets.length; i++) {
        bullets[i].x += bullets[i].speed;
      }
      
      // Remove bullets that have gone offscreen
      bullets = bullets.filter(bullet => bullet.x < canvas.width);
      
      // Render game objects
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      context.fillStyle = "red";
      context.fillRect(player.x, player.y, player.size, player.size);
      
      // Draw bullets
      context.fillStyle = "blue";
      for (let i = 0; i < bullets.length; i++) {
        context.fillRect(bullets[i].x, bullets[i].y, 10, 5);
      }
      
      // Repeat update function for smooth animation
      requestAnimationFrame(update);
    }
    
    // Start the game loop
    update();
  </script>
</body>
</html>