「🇰🇵」を操作して、ゴールである「🇨🇳」と「🇷🇺」に到着させるゲーム's game

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

No:40662

←

Prev Next

→

「🇰🇵」を操作して、ゴールである「🇨🇳」と「🇷🇺」に到着させるゲーム
Developer User18209｜Date and time 24/2/3 21:23:32
Build time 11.674 sec｜Game capacity 2.903KB｜

Script

🇰🇵

🇨🇳

🇷🇺

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Emoji Game</title>
  <style>
    body {
      font-size: 48px;
      text-align: center;
      margin-top: 100px;
    }
    .game-board {
      display: inline-block;
      border: 1px solid black;
      padding: 10px;
    }
  </style>
</head>
<body>
  <div class="game-board">
    <p id="player">🇰🇵</p>
    <p id="goal1">🇨🇳</p>
    <p id="goal2">🇷🇺</p>
  </div>

// Starting position of the player
    let playerPosition = {
      x: 0,
      y: 0
    };

// Update the player's position on the game board
    function updatePlayerPosition() {
      const playerElement = document.getElementById("player");
      playerElement.innerHTML = "🇰🇵";
      playerElement.style.transform = `translate(${playerPosition.x * 100}px, ${playerPosition.y * 100}px)`;
    }

// Check if player has reached the goal positions
    function checkGoals() {
      const playerElement = document.getElementById("player");
      const goal1Element = document.getElementById("goal1");
      const goal2Element = document.getElementById("goal2");

// Get the current player position
      const playerPositionX = playerPosition.x * 100;
      const playerPositionY = playerPosition.y * 100;

// Get the positions of the goals
      const goal1PositionX = parseInt(goal1Element.style.transform.split("(")[1]);
      const goal1PositionY = parseInt(goal1Element.style.transform.split(",")[1]);
      const goal2PositionX = parseInt(goal2Element.style.transform.split("(")[1]);
      const goal2PositionY = parseInt(goal2Element.style.transform.split(",")[1]);

// Check if the player's position matches either goal position
      if (playerPositionX === goal1PositionX && playerPositionY === goal1PositionY) {
        playerElement.innerHTML = "🇨🇳";
        alert("Goal 1 reached!");
      } else if (playerPositionX === goal2PositionX && playerPositionY === goal2PositionY) {
        playerElement.innerHTML = "🇷🇺";
        alert("Goal 2 reached!");
      }
    }

// Handle arrow key input to move the player
    document.addEventListener("keydown", function(event) {
      switch(event.key) {
        case "ArrowUp":
          if(playerPosition.y > 0) playerPosition.y--;
          break;
        case "ArrowDown":
          if(playerPosition.y < boardSize - 1) playerPosition.y++;
          break;
        case "ArrowLeft":
          if(playerPosition.x > 0) playerPosition.x--;
          break;
        case "ArrowRight":
          if(playerPosition.x < boardSize - 1) playerPosition.x++;
          break;
      }

// Update player's position and check goals
      updatePlayerPosition();
      checkGoals();
    });

// Update initial player position
    updatePlayerPosition();
  </script>
</body>
</html>