A Parkour Game With Various Tricks's game

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

No:16475

102

←

Prev Next

→

A Parkour Game With Various Tricks
Developer User7315｜Date and time 23/9/18 11:37:51
Build time 25.141 sec｜Game capacity 2.672KB｜

Script

Note: This is a simple example of a parkour game using only JavaScript and HTML. You may need to add more functionality, such as obstacles, level design, scoring, and user interactions to create a complete and entertaining game. Remember to replace the "emozi_all/game.png" file path with the actual pictogram image you want to use for the player character.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Parkour Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden; /* to prevent scrolling */
    }
    
    #canvas {
      background-color: #000;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

// Pictograms
    const playerImg = new Image(); // Replace with proper pictogram
    playerImg.src = "pictogram.png";

// Key event listeners
    document.addEventListener("keydown", handleKeyDown);
    document.addEventListener("keyup", handleKeyUp);

// Function to start the game
    function startGame() {
      gameLoopInterval = setInterval(gameLoop, 16); // 60 frames per second
    }

// Game loop
    function gameLoop() {
      clearCanvas();
      updatePlayer();
      drawPlayer();
    }

// Function to clear the canvas
    function clearCanvas() {
      context.clearRect(0, 0, canvas.width, canvas.height);
    }

// Function to update player position and velocity
    function updatePlayer() {
      // Apply gravity
      playerVy += 0.5;
      
      // Limit vertical velocity
      if (playerVy > 10) {
        playerVy = 10;
      }
      
      // Update player position
      playerY += playerVy;
      
      // Stop player from falling through the ground
      if (playerY > canvas.height - 100) {
        playerY = canvas.height - 100;
        playerVy = 0;
        isJumping = false;
      }
    }

// Function to draw the player
    function drawPlayer() {
      context.drawImage(playerImg, playerX, playerY, 100, 100);
    }

// Function to handle key down events
    function handleKeyDown(event) {
      if (event.key === " ") { // Spacebar for jumping
        if (!isJumping) {
          playerVy = -10; // Jumping velocity
          isJumping = true;
        }
      }
    }

// Function to handle key up events
    function handleKeyUp(event) {
      // Perform actions when keys are released
    }

// Start the game
    startGame();
  </script>
</body>
</html>
Note: This is a simple example of a parkour game using only JavaScript and HTML. You may need to add more functionality, such as obstacles, level design, scoring, and user interactions to create a complete and entertaining game. Remember to replace the "pictogram.png" file path with the actual pictogram image you want to use for the player character.