AI game creator

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

No:21223

←

Prev Next

→

A parkour game
Developer User7437｜Date and time 23/10/14 5:51:23
Build time 58.796 sec｜Game capacity 3.432KB｜

Script

Sure! Here's an example of a simple parkour game implemented as a single HTML file using JavaScript. The game uses pictograms as a visual representation.

To use this code, save it as a .html file and make sure to have two image files named `emozi_all/player.png` and `emozi_apple.png` in the same directory as the HTML file. The `emozi_all/player.png` image should be a pictogram representing the player, and the `emozi_all/pictogram.png` image should be a pictogram representing obstacles in the game. When you open the HTML file in a web browser on your smartphone, tapping on the screen will start the game. The goal of the game is to avoid colliding with the moving obstacle by tapping the screen to make the player jump over it. If the player collides with the obstacle, a "Game Over!" message will be displayed. Please note that this is a basic example to get you started with a parkour game, and you can modify and enhance it according to your requirements.

←

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 parkour game implemented as a single HTML file using JavaScript. The game uses pictograms as a visual representation.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Parkour Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    
    #player {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      background: url('player.png') center center no-repeat;
      background-size: contain;
    }
    
    #obstacle {
      position: absolute;
      top: 0;
      left: 400px;
      width: 50px;
      height: 50px;
      background: url('obstacle.png') center center no-repeat;
      background-size: contain;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div id="obstacle"></div>

// Set initial game state
      let gameRunning = false;
      let playerPosition = 0;
      let obstaclePosition = 400;

// Function to start/restart the game
      function startGame() {
        gameRunning = true;
        playerPosition = 0;
        obstaclePosition = 400;
        player.style.top = '0';
        obstacle.style.left = '400px';

// Start game loop
        gameLoop();
      }

// Function to handle game logic and rendering
      function gameLoop() {
        if (gameRunning) {
          // Check for collision
          const playerRect = player.getBoundingClientRect();
          const obstacleRect = obstacle.getBoundingClientRect();

if (
            playerRect.left < obstacleRect.right &&
            playerRect.right > obstacleRect.left &&
            playerRect.top < obstacleRect.bottom &&
            playerRect.bottom > obstacleRect.top
          ) {
            // Collision detected, end game
            gameRunning = false;
            alert('Game Over!');
            return;
          }

// Update player and obstacle positions
          playerPosition += 10;
          obstaclePosition -= 5;

// Move player and obstacle
          player.style.top = playerPosition + 'px';
          obstacle.style.left = obstaclePosition + 'px';

// Repeat game loop
          requestAnimationFrame(gameLoop);
        }
      }

// Start the game when the screen is tapped
      document.addEventListener('click', function() {
        if (!gameRunning) {
          startGame();
        }
      });
    });
  </script>
</body>
</html>
```

To use this code, save it as a .html file and make sure to have two image files named `player.png` and `obstacle.png` in the same directory as the HTML file. The `player.png` image should be a pictogram representing the player, and the `obstacle.png` image should be a pictogram representing obstacles in the game.

When you open the HTML file in a web browser on your smartphone, tapping on the screen will start the game. The goal of the game is to avoid colliding with the moving obstacle by tapping the screen to make the player jump over it. If the player collides with the obstacle, a "Game Over!" message will be displayed.

Please note that this is a basic example to get you started with a parkour game, and you can modify and enhance it according to your requirements.