AI game creator

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

No:35292

←

Prev Next

→

A FPS shooter
Developer User16496｜Date and time 24/1/13 22:48:14
Build time 12.568 sec｜Game capacity 3.003KB｜

Script

Sure! Here's a simple implementation of an FPS shooter game using JavaScript, HTML, and pictograms:

Please note that this implementation is a very simple FPS shooter game with only one enemy (the player) and one bullet. You can extend the game further by adding more enemies, levels, and additional features 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 implementation of an FPS shooter game using JavaScript, HTML, and pictograms:

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

// Player variables
    var playerX = 200;
    var playerY = 150;
    var playerRadius = 10;
    var playerColor = '#ff0000';

// Bullet variables
    var bulletX;
    var bulletY;
    var bulletRadius = 5;
    var bulletColor = '#00ff00';
    var bulletSpeed = 5;
    var bulletFired = false;

// Initialize the game canvas
    function initialize() {
      canvas = document.getElementById('gameCanvas');
      context = canvas.getContext('2d');

// Add event listener to track user touch
      canvas.addEventListener('touchstart', handleTouch);
    }

// Update game logic
    function update() {
      // Move the player with touch
      playerX = mouseX;
      playerY = mouseY;

// If bullet fired, move it across the screen
      if (bulletFired) {
        bulletX += bulletSpeed;
        
        // Check if bullet hits the target
        if (Math.abs(bulletX - playerX) < playerRadius + bulletRadius &&
            Math.abs(bulletY - playerY) < playerRadius + bulletRadius) {
          alert('Game over! You got shot!');
          location.reload(); // Restart the game
        }
      }
    }

// Render game graphics on the canvas
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      context.beginPath();
      context.arc(playerX, playerY, playerRadius, 0, 2 * Math.PI);
      context.fillStyle = playerColor;
      context.fill();
      context.closePath();

// Draw bullet if fired
      if (bulletFired) {
        context.beginPath();
        context.arc(bulletX, bulletY, bulletRadius, 0, 2 * Math.PI);
        context.fillStyle = bulletColor;
        context.fill();
        context.closePath();
      }
    }

// Handle touch events
    function handleTouch(event) {
      event.preventDefault();

// Get touch coordinates
      var touch = event.touches[0];
      mouseX = touch.clientX - canvas.getBoundingClientRect().left;
      mouseY = touch.clientY - canvas.getBoundingClientRect().top;

// Fire bullet at touch position
      bulletX = playerX;
      bulletY = playerY;
      bulletFired = true;
    }

// Game loop
    function gameLoop() {
      update();
      draw();

// Call game loop recursively
      requestAnimationFrame(gameLoop);
    }

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