AI game creator

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

No:46413

←

Prev Next

→

jump = die
Developer User20079｜Date and time 24/2/24 20:26:21
Build time 6.214 sec｜Game capacity 1.082KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Jump Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="400"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let playerX = 50;
    let playerY = 300;
    let jump = false;

function drawPlayer() {
      ctx.fillStyle = '#0000FF';
      ctx.fillRect(playerX, playerY, 50, 50);
    }

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

function jumpPlayer() {
      jump = true;
      setTimeout(function() {
        jump = false;
      }, 500);
    }

function gameLoop() {
      clearCanvas();

if (jump) {
        playerY -= 5;
      } else {
        playerY += 2;
      }

if (playerY >= 300) {
        playerY = 300;
      }

drawPlayer();

requestAnimationFrame(gameLoop);
    }

document.addEventListener('keydown', function(event) {
      if (event.key === ' ') {
        jumpPlayer();
      }
    });

gameLoop();
  </script>
</body>
</html>