AI game creator

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

No:24819

←

Prev Next

→

A platform fps game
Developer User10013｜Date and time 23/11/12 17:37:04
Build time 121.948 sec｜Game capacity 5.173KB｜

Script

Sure! Here's an example of a simple platform FPS game implemented as a single HTML file using JavaScript. The game uses pictograms for the graphics and supports smartphone operation:

This is just a basic implementation of a platform FPS game. You can further enhance it by adding more features, levels, animations, and fine-tuning the gameplay mechanics.

←

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 platform FPS game implemented as a single HTML file using JavaScript. The game uses pictograms for the graphics and supports smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Platform FPS Game</title>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    #game-canvas {
      width: 100%;
      height: 100vh;
    }
  </style>
</head>
<body>
  <canvas id="game-canvas"></canvas>
  
  <script>
    // Game variables
    var canvas, ctx;
    var player, bullets, enemies;
    
    // Player object
    function Player() {
      this.x = 50;
      this.y = 50;
      this.width = 50;
      this.height = 50;
      this.speed = 5;
      this.jumpHeight = 10;
      this.isJumping = false;
      this.facingRight = true;
      this.bulletSpeed = 10;
    }
    
    // Bullet object
    function Bullet(x, y, speed, facingRight) {
      this.x = x;
      this.y = y;
      this.width = 10;
      this.height = 10;
      this.speed = speed;
      this.facingRight = facingRight;
    }
    
    // Enemy object
    function Enemy(x, y) {
      this.x = x;
      this.y = y;
      this.width = 50;
      this.height = 50;
      this.speed = 2;
      this.direction = -1;
    }
    
    // Initialize game
    function init() {
      canvas = document.getElementById("game-canvas");
      ctx = canvas.getContext("2d");
      
      player = new Player();
      bullets = [];
      enemies = [];
      
      // Create enemies
      for (var i = 0; i < 5; i++) {
        var enemy = new Enemy(200 + (i * 100), 0);
        enemies.push(enemy);
      }
      
      // Event listeners for player controls
      window.addEventListener("keydown", handleKeyDown);
      window.addEventListener("keyup", handleKeyUp);
      canvas.addEventListener("click", fireBullet);
      
      // Start game loop
      setInterval(update, 1000 / 60); // 60 FPS
    }
    
    // Update game state
    function update() {
      movePlayer();
      moveBullets();
      moveEnemies();
      checkCollisions();
      draw();
    }
    
    // Handle player movement based on key input
    function handleKeyDown(event) {
      if (event.key === "ArrowRight") {
        player.facingRight = true;
        player.x += player.speed;
      } else if (event.key === "ArrowLeft") {
        player.facingRight = false;
        player.x -= player.speed;
      } else if (event.key === "ArrowUp") {
        if (!player.isJumping) {
          player.isJumping = true;
          player.y -= 100;
          setTimeout(function() {
            player.y += 100;
            player.isJumping = false;  
          }, 1000);
        }
      }
    }
    
    // Handle shooting bullets
    function fireBullet(event) {
      var rect = canvas.getBoundingClientRect();
      var bulletX = event.clientX - rect.left;
      var bulletY = event.clientY - rect.top;
      var bullet = new Bullet(player.x + (player.width / 2), player.y + (player.height / 2), player.bulletSpeed, player.facingRight);
      bullets.push(bullet);
    }
    
    // Handle player movement interruption
    function handleKeyUp(event) {
      if (event.key === "ArrowRight" || event.key === "ArrowLeft") {
        player.speed = 0;
      }
    }
    
    // Move player bullets
    function moveBullets() {
      bullets.forEach(function(bullet) {
        if (bullet.facingRight) {
          bullet.x += bullet.speed;
        } else {
          bullet.x -= bullet.speed;
        }
      });
    }
    
    // Move enemies
    function moveEnemies() {
      enemies.forEach(function(enemy) {
        enemy.x += (enemy.speed * enemy.direction);
        if (enemy.x <= 0 || enemy.x >= canvas.width - enemy.width) {
          enemy.direction *= -1;
        }
      });
    }
    
    // Check collisions between player, bullets, and enemies
    function checkCollisions() {
      bullets.forEach(function(bullet, bulletIndex) {
        enemies.forEach(function(enemy, enemyIndex) {
          if (bullet.x < enemy.x + enemy.width &&
              bullet.x + bullet.width > enemy.x &&
              bullet.y < enemy.y + enemy.height &&
              bullet.y + bullet.height > enemy.y) {
            // Bullet and enemy collide
            bullets.splice(bulletIndex, 1);
            enemies.splice(enemyIndex, 1);
          }
        });
      });
    }
    
    // Draw game objects
    function draw() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      ctx.fillRect(player.x, player.y, player.width, player.height);
      
      // Draw bullets
      ctx.fillStyle = "red";
      bullets.forEach(function(bullet) {
        ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
      });
      
      // Draw enemies
      ctx.fillStyle = "blue";
      enemies.forEach(function(enemy) {
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      });
    }
    
    // Start the game
    init();
  </script>
</body>
</html>
```

This is just a basic implementation of a platform FPS game. You can further enhance it by adding more features, levels, animations, and fine-tuning the gameplay mechanics.