AI game creator

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

No:36950

←

Prev Next

→

Parkour
Developer User16926｜Date and time 24/1/19 13:03:41
Build time 13.353 sec｜Game capacity 3.455KB｜

Script

Sure! Here's a simple parkour game implemented as a single HTML file with JavaScript.

This game uses a canvas element to draw the game environment. The player is represented by a red rectangle and the obstacle is represented by a blue rectangle. The objective is to avoid colliding with the obstacle for as long as possible. The game score increments with time. Use the up, down, left, and right arrow keys to control the player's movements. Please note that this is a simple implementation and can be expanded upon with additional features and graphics.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple parkour game implemented as a single HTML file with JavaScript.

```html
<!DOCTYPE html>
<html>
<head>
   <title>Parkour Game</title>
</head>
<body>
   <canvas id="gameCanvas" width="400" height="400"></canvas>

var player = {
         x: 50,
         y: canvas.height - 50,
         width: 50,
         height: 50,
         speed: 5
      };

var obstacle = {
         x: canvas.width - 100,
         y: canvas.height - 50,
         width: 50,
         height: 50,
         speed: 3
      };

var gameScore = 0;
      var isGameOver = false;

// Function to draw the player and obstacle
      function draw() {
         ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "#FF0000";
         ctx.fillRect(player.x, player.y, player.width, player.height);

ctx.fillStyle = "#0000FF";
         ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);

ctx.fillStyle = "#000000";
         ctx.font = "20px Arial";
         ctx.fillText("Score: " + gameScore, 10, 30);
      }

// Function to update game variables and check for collisions
      function update() {
         if (!isGameOver) {
            obstacle.x -= obstacle.speed;
            gameScore++;

if (obstacle.x + obstacle.width < 0) {
               obstacle.x = canvas.width;
               obstacle.y = Math.random() * (canvas.height - obstacle.height);
            }

if (player.x < obstacle.x + obstacle.width &&
               player.x + player.width > obstacle.x &&
               player.y < obstacle.y + obstacle.height &&
               player.y + player.height > obstacle.y) {
               isGameOver = true;
               alert("Game Over! Score: " + gameScore);
            }
         }
      }

// Function to handle player movement
      function movePlayer(event) {
         if (event.keyCode === 38 && player.y > 0) { // Up arrow key
            player.y -= player.speed;
         }
         else if (event.keyCode === 40 && player.y + player.height < canvas.height) { // Down arrow key
            player.y += player.speed;
         }
         else if (event.keyCode === 37 && player.x > 0) { // Left arrow key
            player.x -= player.speed;
         }
         else if (event.keyCode === 39 && player.x + player.width < canvas.width) { // Right arrow key
            player.x += player.speed;
         }
      }

// Start the game
      function startGame() {
         document.addEventListener("keydown", movePlayer);

startGame();
   </script>
</body>
</html>
```

Please note that this is a simple implementation and can be expanded upon with additional features and graphics.