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

No:23515

Go To Theo Top(Game Is Representes By A BLUE Squar..ALL
Developer User10967｜Date and time 23/11/1 3:35:43
Build time 33.815 sec｜Game capacity 1.387KB｜

Script

Theo Top

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Theo Top</title>
    <style>
      #game {
        position: relative;
        width: 300px;
        height: 500px;
        border: 1px solid black;
        overflow: hidden;
      }
      .player {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: blue;
        top: 450px;
        left: 125px;
      }
      .enemy {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: red;
        top: 0;
        left: 125px;
        animation: enemyAttack 2s linear infinite;
      }
      @keyframes enemyAttack {
        0% {
          top: 0;
        }
        100% {
          top: 450px;
        }
      }
    </style>
  </head>
  <body>
    <h1>Theo Top</h1>
    <div id="game">
      <div class="player"></div>
      <div class="enemy"></div>
    </div>

function movePlayer(e) {
        const player = document.querySelector(".player");
        const left = parseInt(window.getComputedStyle(player).getPropertyValue("left"));

if (e.key === "ArrowLeft" && left > 0) {
          player.style.left = left - 10 + "px";
        } else if (e.key === "ArrowRight" && left < 250) {
          player.style.left = left + 10 + "px";
        }
      }
    </script>
  </body>
</html>