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

No:24963

A game where u have to hide from a monster and he ..ALL
Developer User12039｜Date and time 23/11/15 5:25:57
Build time 68.559 sec｜Game capacity 2.917KB｜

Script

Sure! Here's a simple implementation of the game you described:

Hide and Seek Game

👤

👾

🔑

To play the game, simply open the HTML file on your smartphone and interact with the pictograms. The game involves dragging the player, monster, and key to different locations on the screen. If you drag the player onto the table, you win the game, but if you drag the player onto the monster, it's game over. The key can be dragged to any location, and you win by finding it. Good luck!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple implementation of the game you described:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Hide and Seek Game</title>
  <style>
    body {
      background-color: #444;
      color: #fff;
      text-align: center;
      font-family: Arial, sans-serif;
      margin-top: 100px;
    }
    
    #key {
      position: absolute;
      top: 200px;
      left: 400px;
      font-size: 40px;
      cursor: pointer;
    }
    
    #player {
      position: absolute;
      top: 100px;
      left: 100px;
      font-size: 40px;
      cursor: pointer;
    }
    
    #monster {
      position: absolute;
      top: 100px;
      left: 700px;
      font-size: 40px;
      cursor: pointer;
    }
    
    #table {
      position: absolute;
      top: 500px;
      left: 300px;
      width: 200px;
      height: 200px;
      background-color: brown;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Hide and Seek Game</h1>
  
  <div id="player" draggable="true">👤</div>
  <div id="monster" draggable="true">👾</div>
  <div id="key" draggable="true">🔑</div>
  <div id="table"></div>
  
  <script>
    var player = document.getElementById("player");
    var monster = document.getElementById("monster");
    var key = document.getElementById("key");
    var table = document.getElementById("table");
    
    player.addEventListener("dragstart", dragStart);
    monster.addEventListener("dragstart", dragStart);
    key.addEventListener("dragstart", dragStart);
    
    table.addEventListener("dragenter", dragEnter);
    table.addEventListener("dragover", dragOver);
    table.addEventListener("dragleave", dragLeave);
    table.addEventListener("drop", drop);
    
    function dragStart(event) {
      event.dataTransfer.setData("text", event.target.id);
    }
    
    function dragEnter(event) {
      event.preventDefault();
      table.style.backgroundColor = "green";
    }
    
    function dragOver(event) {
      event.preventDefault();
    }
    
    function dragLeave(event) {
      table.style.backgroundColor = "brown";
    }
    
    function drop(event) {
      event.preventDefault();
      var elementId = event.dataTransfer.getData("text");
      var element = document.getElementById(elementId);
      
      if (element === player) {
        alert("Game Over! The monster caught you!");
        return;
      }
      
      if (element === key) {
        alert("Congratulations! You found the key! You won the game!");
        return;
      }
    }
  </script>
</body>
</html>
```