A parkour game witch you jump rocks's game

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

No:41383

←

Prev Next

→

A parkour game witch you jump rocks
Developer User18523｜Date and time 24/2/7 4:40:29
Build time 15.004 sec｜Game capacity 3.782KB｜

Script

Sure! Here's an example of a simple parkour game where you jump over rocks. It's implemented as a single HTML file, enclosed in `` tags, and written in a functional program: <br><br> <br> <style> canvas { border: 1px solid black; } </style> <canvas id="gameCanvas" width="400" height="300"></canvas>

To run the game, you can simply copy and save the code in a file with a .html extension (e.g., `parkour_game.html`), and open it with a web browser. You'll see a canvas where you can control the player using the spacebar to jump over rocks. If the player collides with a rock, a game over message will appear, and you can restart the game by reloading the page.

←

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 where you jump over rocks. It's implemented as a single HTML file, enclosed in `<script>` tags, and written in a functional program:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Parkour Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>
  <script>
    // Game Configuration
    const rockWidth = 30;
    const rockHeight = 30;
    const jumpHeight = 100;
    const jumpDuration = 1000;
    const gravity = 0.5;

// Game Variables
    let canvas, ctx;
    let playerX, playerY;
    let jumping = false;
    let jumpStart, jumpEnd;

// Rock Variables
    const rocks = [];
    let rockSpawnTimer = 0;
    const minSpawnTime = 1500;
    const maxSpawnTime = 3000;

function startGame() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');
      playerX = canvas.width / 2;
      playerY = canvas.height - rockHeight;

document.addEventListener('keydown', handleJump);
      setInterval(updateGame, 20);
    }

function spawnRock() {
      const rockX = canvas.width;
      const rockY = canvas.height - rockHeight;
      rocks.push({ x: rockX, y: rockY });
    }

function moveRocks() {
      for (let i = 0; i < rocks.length; i++) {
        rocks[i].x -= 5;
        if (rocks[i].x + rockWidth < 0) {
          rocks.splice(i, 1);
        }
      }
    }

function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Player
      ctx.fillRect(playerX, playerY, rockWidth, rockHeight);

// Handle Jump
      if (jumping) {
        const now = Date.now();
        let jumpProgress = (now - jumpStart) / jumpDuration;

if (now >= jumpEnd) {
          jumping = false;
          jumpProgress = 1;
        }

const maxHeight = jumpHeight * jumpProgress * (2 - jumpProgress);
        const yPos = canvas.height - rockHeight - maxHeight;
        playerY = yPos < playerY ? yPos : playerY;

if (!jumping) {
          const groundY = canvas.height - rockHeight;
          playerY = playerY < groundY ? playerY + gravity : groundY;
        }
      }

// Spawn Rocks
      if (Date.now() > rockSpawnTimer) {
        spawnRock();
        const spawnTime = Math.random() * (maxSpawnTime - minSpawnTime) + minSpawnTime;
        rockSpawnTimer = Date.now() + spawnTime;
      }

// Move and Draw Rocks
      moveRocks();
      for (let i = 0; i < rocks.length; i++) {
        ctx.fillRect(rocks[i].x, rocks[i].y, rockWidth, rockHeight);
      }

// Collision Detection
      if (checkCollision()) {
        alert('Game Over!');
        document.location.reload();
      }
    }

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

To run the game, you can simply copy and save the code in a file with a .html extension (e.g., `parkour_game.html`), and open it with a web browser. You'll see a canvas where you can control the player using the spacebar to jump over rocks. If the player collides with a rock, a game over message will appear, and you can restart the game by reloading the page.