Acid floor tile jump's game

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

No:15808

←

Prev Next

→

Acid floor tile jump
Developer User6896｜Date and time 23/9/12 0:54:34
Build time 19.447 sec｜Game capacity 1.918KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Acid Floor Tile Jump</title>
<style>
#player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 50px;
  width: 50px;
  background-color: red;
}

#tile {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translateX(-50%);
  height: 10px;
  width: 100px;
  background-color: green;
}

#score {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 24px;
  font-weight: bold;
  color: white;
}
</style>
</head>
<body>

let score = 0;
  let isJumping = false;
  let isGameOver = false;

function jump() {
    if (player.classList != "jump") {
      player.classList.add("jump");
    }
    setTimeout(function() {
      player.classList.remove("jump");
    }, 500);
  }

function startGame() {
    if (!isGameOver) {
      jump();
      score++;
      scoreText.innerText = "Score: " + score;
    }
  }

function gameOver() {
    isGameOver = true;
    player.style.animation = "none";
    alert("Game Over!");
  }

document.addEventListener("keydown", function(event) {
    if (event.code === "Space") {
      if (!isJumping) {
        isJumping = true;
        startGame();
      }
    }
  });

let checkGameOver = setInterval(function() {
    let playerTop = parseInt(window.getComputedStyle(player).getPropertyValue("top"));
    let tileLeft = parseInt(window.getComputedStyle(tile).getPropertyValue("left"));

if (playerTop <= 0 || playerTop >= 440 || (tileLeft >= 50 && tileLeft <= 90 && playerTop >= 400)) {
      gameOver();
      clearInterval(checkGameOver);
    }
  }, 10);
});
</script>

<div id="score">Score: 0</div>
<div id="player"></div>
<div id="tile"></div>

</body>
</html>