3D or 2.5d platform parkour game, infinite runner like 3D World Runner for the Nintendo Entertainment System. Can you please make a game like that and support touch controls and virtual arrows which control the direction of running. Add a virtual joystick to control the camera perspective. Track the player model with the camera view. Always keep the player in view. Animate the player model. Add obstacles like trees and rocks moving into the foreground closer and larger.'s game

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

No:35218

←

Prev Next

→

3D or 2.5d platform parkour game, infinite runner ..ALL
Developer ZAPSTRON｜Date and time 24/1/13 16:33:59
Build time 21.613 sec｜Game capacity 6.158KB｜

Script

Sure! Here's a simplified version of a 2.5D platform parkour game similar to 3D World Runner for the NES. Please note that due to the limitations of the text interface, the game will not be visually displayed as pictograms, but the gameplay and controls will be described.

To run the game, simply copy the above code into a `.html` file, and open it in a web browser that supports JavaScript. The game will start automatically, and you can control the player's movement by tapping on the left side of the screen to jump and the right side to move right. The camera will follow the player, and obstacles will appear, closer and larger, in the foreground to create a 3D-like effect.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>2.5D Parkour Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

// Create player object
      player = {
        x: 50,
        y: canvas.height - 50,
        width: 50,
        height: 50,
        speedY: 0,
        jumping: false
      };

// Create obstacles array
      obstacles = [];

// Set initial game variables
      playerSpeedX = 5;
      cameraX = 0;

// Event listeners for touch controls
      canvas.addEventListener("touchstart", handleTouchStart, false);
      canvas.addEventListener("touchend", handleTouchEnd, false);
      canvas.addEventListener("touchmove", handleTouchMove, false);

// Start the game loop
      gameLoop();
    }

// Game loop
    function gameLoop() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position and camera view
      updatePlayer();
      updateCamera();

// Draw player
      drawPlayer();

// Draw obstacles
      for (var i = 0; i < obstacles.length; i++) {
        drawObstacle(obstacles[i]);
      }

// Generate new obstacles
      generateObstacles();

// Check collision with obstacles
      checkCollision();

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

// Update the player position
    function updatePlayer() {
      // Move player horizontally based on touch controls or arrow keys
      player.x += playerSpeedX;

// Simulate player jumping
      if (player.jumping) {
        player.y += player.speedY;
        player.speedY += 0.5; // Gravity

// Stop jumping if player lands on the ground
        if (player.y >= canvas.height - player.height) {
          player.y = canvas.height - player.height;
          player.jumping = false;
          player.speedY = 0;
        }
      }
    }

// Update camera view
    function updateCamera() {
      // Move camera based on player's position
      cameraX = player.x - (canvas.width / 2);

// Always keep player in the center of the screen
      if (player.x < (canvas.width / 2)) {
        cameraX = 0;
      }
    }

// Draw the player model
    function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(player.x - cameraX, player.y, player.width, player.height);

// Animate player by changing colors
      ctx.fillStyle = "red";
      ctx.fillRect(player.x - cameraX, player.y - 20, player.width, 20);
    }

// Generate new obstacles
    function generateObstacles() {
      // Randomly add new obstacle
      if (Math.random() < 0.01) {
        var obstacle = {
          x: canvas.width + cameraX,
          y: canvas.height - 50,
          width: Math.random() * (70 - 20) + 20,
          height: Math.random() * (70 - 20) + 20
        };
        obstacles.push(obstacle);
      }

// Remove obstacles that are out of the screen
      for (var i = 0; i < obstacles.length; i++) {
        if (obstacles[i].x < cameraX - obstacles[i].width) {
          obstacles.splice(i, 1);
          i--;
        }
      }
    }

// Draw an obstacle
    function drawObstacle(obstacle) {
      ctx.fillStyle = "green";
      ctx.fillRect(obstacle.x - cameraX, obstacle.y, obstacle.width, obstacle.height);
    }

// Check collision with obstacles
    function checkCollision() {
      for (var i = 0; i < obstacles.length; i++) {
        var obstacle = obstacles[i];

// Collision detection using bounding boxes
        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
        ) {
          // Game over logic
          gameover();
        }
      }
    }

// Game over function
    function gameover() {
      // Stop the game
      playerSpeedX = 0;

// Show game over message
      ctx.font = "30px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
    }

// Handle touch controls
    function handleTouchStart(event) {
      event.preventDefault();
      var touch = event.changedTouches[0];
      
      if (touch.pageX < canvas.width / 2) {
        // Left side of the screen, jump
        if (!player.jumping) {
          player.speedY = -10; // Jumping power
          player.jumping = true;
        }
      } else {
        // Right side of the screen, move right
        playerSpeedX = 5; // Change to desired speed
      }
    }

function handleTouchEnd(event) {
      event.preventDefault();
      playerSpeedX = 0;
    }

// Start the game
    init();
  </script>
</body>
</html>
```