Computer vs me ,hide & seek ,characters could find each other & move's game

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

No:15438

←

Prev Next

→

Computer vs me ,hide & seek ,characters could find..ALL
Developer User6688｜Date and time 23/9/9 2:48:58
Build time 20.747 sec｜Game capacity 3.344KB｜

Script

Sure! Here's an example of a simple hide and seek game implemented as a single HTML file using JavaScript:

🤖

🧑

In this game, there is a game board with a computer character (🤖) and a player character (🧑). The goal is for the player to click on the game board and try to find the computer character. When the player successfully clicks on the computer character, an alert is displayed indicating that the computer character has been found. The game can be played on a smartphone by opening the HTML file in a mobile web browser.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a simple hide and seek game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Hide and Seek Game</title>
    <style>
      #game-board {
        position: relative;
        width: 400px;
        height: 400px;
        border: 2px solid black;
      }
      .character {
        position: absolute;
        font-size: 30px;
      }
      .computer {
        color: red;
      }
      .player {
        color: green;
      }
    </style>
  </head>
  <body>
    <div id="game-board">
      <div id="computer" class="character">🤖</div>
      <div id="player" class="character">🧑</div>
    </div>

// Function to generate a random position within the game board
      function getRandomPosition() {
        const boardWidth = gameBoard.offsetWidth;
        const boardHeight = gameBoard.offsetHeight;
        const randomX = Math.floor(Math.random() * (boardWidth - 50));
        const randomY = Math.floor(Math.random() * (boardHeight - 50));
        return { x: randomX, y: randomY };
      }

// Function to move the characters to a new position
      function moveCharacter(character, position) {
        character.style.left = `${position.x}px`;
        character.style.top = `${position.y}px`;
      }

// Function to start the game
      function startGame() {
        // Generate random positions for the computer and player characters
        const computerPosition = getRandomPosition();
        const playerPosition = getRandomPosition();

// Move the characters to their initial positions
        moveCharacter(computer, computerPosition);
        moveCharacter(player, playerPosition);

// Register event listener to detect when the player clicks on the game board
        gameBoard.addEventListener('click', handlePlayerClick);
      }

// Function to handle player clicks on the game board
      function handlePlayerClick(event) {
        const clickX = event.clientX - gameBoard.getBoundingClientRect().left;
        const clickY = event.clientY - gameBoard.getBoundingClientRect().top;

// Move the player character to the clicked position
        moveCharacter(player, { x: clickX, y: clickY });

// Check if the player character and computer character overlap
        if (
          Math.abs(clickX - parseInt(computer.style.left)) < 50 &&
          Math.abs(clickY - parseInt(computer.style.top)) < 50
        ) {
          alert('You found the computer character!');
          gameBoard.removeEventListener('click', handlePlayerClick);
        }
      }

// Start the game
      startGame();
    </script>
  </body>
</html>
```