A plane parkour game's game

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

No:21120

←

Prev Next

→

A plane parkour game
Developer User9337｜Date and time 23/10/13 13:26:33
Build time 97.595 sec｜Game capacity 3.928KB｜

Script

Sure! Here's a simple plane parkour game implemented as a single HTML file:

In this game, a blue plane moves vertically through obstacles (red rectangles) that are generated dynamically. The player can control the plane's jumping by tapping on the screen. The goal is to avoid collision with the obstacles for as long as possible. Please note that this is a simple implementation and can be further enhanced with additional features, graphics, and gameplay mechanics.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple plane parkour game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Plane Parkour Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 500px;
      background-color: #ccc;
    }
    #player {
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background-color: blue;
    }
    .obstacle {
      position: absolute;
      top: 0;
      width: 60px;
      height: 200px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
  </div>
  
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      // Game variables
      var gameContainer = document.getElementById('game-container');
      var player = document.getElementById('player');
      var gravity = 0.5;
      var jumpStrength = 10;
      var playerY = gameContainer.clientHeight / 2;
      var playerVelocity = 0;
      var gameOver = false;
      var score = 0;
      
      // Game loop
      function update() {
        if (!gameOver) {
          // Apply gravity
          playerVelocity += gravity;
          playerY += playerVelocity;
          
          // Collision detection with obstacles
          var obstacles = document.getElementsByClassName('obstacle');
          for (var i = 0; i < obstacles.length; i++) {
            var obstacleRect = obstacles[i].getBoundingClientRect();
            var playerRect = player.getBoundingClientRect();
            
            if (
              playerRect.left < obstacleRect.right &&
              playerRect.right > obstacleRect.left &&
              playerRect.top < obstacleRect.bottom &&
              playerRect.bottom > obstacleRect.top
            ) {
              gameOver = true;
              alert('Game over! Your score: ' + score);
            }
          }
          
          // Move obstacles
          var obstacleSpeed = 5;
          var obstacleDistance = 250;
          
          if (score % obstacleDistance === 0) {
            var obstacle = document.createElement('div');
            obstacle.classList.add('obstacle');
            obstacle.style.left = gameContainer.clientWidth + 'px';
            obstacle.style.top = Math.random() * (gameContainer.clientHeight - 200) + 'px';
            gameContainer.appendChild(obstacle);
          }
          
          var obstaclesDOM = document.getElementsByClassName('obstacle');
          for (var j = obstaclesDOM.length - 1; j >= 0; j--) {
            var currentObstacle = obstaclesDOM[j];
            var distanceToMove = obstacleSpeed;
            currentObstacle.style.left = currentObstacle.offsetLeft - distanceToMove + 'px';
            
            if (currentObstacle.offsetLeft < -obstacleDistance) {
              gameContainer.removeChild(currentObstacle);
              score++;
            }
          }
          
          // Update player position
          player.style.top = playerY + 'px';
          
          // Increase score
          score++;
        }
        
        // Call update function again
        requestAnimationFrame(update);
      }
      
      // Listen to touch events for jumping
      gameContainer.addEventListener('touchstart', function() {
        if (!gameOver) {
          playerVelocity = -jumpStrength;
        }
      });
      
      // Start the game loop
      update();
    });
  </script>
</body>
</html>
```

Please note that this is a simple implementation and can be further enhanced with additional features, graphics, and gameplay mechanics.