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

No:22534

←

Prev Next

→

Game runner
Developer User10379｜Date and time 23/10/23 2:37:28
Build time 32.56 sec｜Game capacity 1.971KB｜

Script

Pictogram Game Runner

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Pictogram Game Runner</title>
    <style>
      body {
        background-color: #f2f2f2;
        text-align: center;
        font-family: Arial, sans-serif;
      }
      #game-container {
        margin: 100px auto;
        width: 200px;
        height: 200px;
        border: 2px solid black;
        background-color: white;
        position: relative;
      }
      #player {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background-image: url('pictogram.png');
        background-size: cover;
      }
    </style>
  </head>
  <body>
    <h1>Pictogram Game Runner</h1>
    <div id="game-container">
      <div id="player"></div>
    </div>

// Game variables
      let playerPositionX = 0;
      let playerPositionY = 0;

// Function to move the player
      function movePlayer(direction) {
        switch (direction) {
          case "up":
            playerPositionY -= 50;
            break;
          case "down":
            playerPositionY += 50;
            break;
          case "left":
            playerPositionX -= 50;
            break;
          case "right":
            playerPositionX += 50;
            break;
        }

// Update player's position
        player.style.left = playerPositionX + "px";
        player.style.top = playerPositionY + "px";
      }

// Event listener for arrow key presses
      window.addEventListener("keydown", function (event) {
        if (event.key === "ArrowUp") {
          movePlayer("up");
        } else if (event.key === "ArrowDown") {
          movePlayer("down");
        } else if (event.key === "ArrowLeft") {
          movePlayer("left");
        } else if (event.key === "ArrowRight") {
          movePlayer("right");
        }
      });
    </script>
  </body>
</html>