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

No:36569

←

Prev Next

→

East Obby
Developer User16822｜Date and time 24/1/17 23:32:33
Build time 9.318 sec｜Game capacity 1.877KB｜

Script

East Obby

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>East Obby</title>
  <style>
    body {
      background-color: #272727;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      padding: 0;
    }

#game {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

h1 {
      color: #fff;
      font-family: Arial, sans-serif;
      margin-bottom: 20px;
    }

#start-button {
      background-color: #FF6580;
      color: #fff;
      border: none;
      padding: 10px 20px;
      font-size: 18px;
      cursor: pointer;
      border-radius: 5px;
    }

#player {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
  </style>
</head>
<body>
  <div id="game">
    <h1>East Obby</h1>
    <button id="start-button">Comenzar</button>
    <img id="player" src="pictogram.png" width="50" height="50">
  </div>

function startGame() {
      gameStarted = true;
      document.getElementById("start-button").style.display = "none";
      player = document.getElementById("player");

gameInterval = setInterval(updateGame, 10);
    }

function updateGame() {
      var playerPosition = parseInt(getComputedStyle(player).getPropertyValue("left"));

if (playerPosition <= 0) {
        player.style.left = "0px";
      } else if (playerPosition >= window.innerWidth - parseInt(getComputedStyle(player).getPropertyValue("width"))) {
        player.style.left = window.innerWidth - parseInt(getComputedStyle(player).getPropertyValue("width")) + "px";
      } else {
        player.style.left = playerPosition + 5 + "px";
      }
    }

document.getElementById("start-button").addEventListener("click", startGame);
  </script>
</body>
</html>