AI game creator

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

No:51085

←

Prev Next

→

Mario parkour game
Developer User21447｜Date and time 24/3/10 13:48:54
Build time 5.847 sec｜Game capacity 1.558KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html lang="fr">
<head>
<title>Mario Parkour Game</title>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>

// Define player character
  let player = {
    x: 50,
    y: canvas.height - 100,
    width: 50,
    height: 50,
    speed: 5
  };

// Define variables for controls
  let rightPressed = false;
  let leftPressed = false;

document.addEventListener("keydown", keyDownHandler, false);
  document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(e) {
    if(e.key === "Right" || e.key === "ArrowRight") {
        rightPressed = true;
    } else if(e.key === "Left" || e.key === "ArrowLeft") {
        leftPressed = true;
    }
  }

function keyUpHandler(e) {
    if(e.key === "Right" || e.key === "ArrowRight") {
        rightPressed = false;
    } else if(e.key === "Left" || e.key === "ArrowLeft") {
        leftPressed = false;
    }
  }

function drawPlayer() {
    ctx.beginPath();
    ctx.rect(player.x, player.y, player.width, player.height);
    ctx.fillStyle = "#FF0000";
    ctx.fill();
    ctx.closePath();
  }

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

if(rightPressed && player.x < canvas.width - player.width) {
      player.x += player.speed;
    } else if(leftPressed && player.x > 0) {
      player.x -= player.speed;
    }

requestAnimationFrame(draw);
  }

draw();

</script>
</body>
</html>