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

No:16040

←

Prev Next

→

Ghost and doll
Developer User7096｜Date and time 23/9/15 17:01:17
Build time 23.58 sec｜Game capacity 2.18KB｜

Script

Sure! Here's a basic implementation of a game called "Ghost and Doll" in a single HTML file, using JavaScript and pictograms for smartphone operation:

Ghost and Doll

In this game, the player's goal is to find the doll by clicking on the pictograms of a ghost and a doll. The game starts with two pictograms displayed on the screen. When the player clicks on the ghost pictogram, it becomes semi-transparent. If the player then clicks on the doll pictogram, the doll pictogram also becomes semi-transparent and a congratulatory message is displayed. Please note that you would need to have image files named "emozi_all/ghost.png" and "emozi_chicken.png" in the same directory as the HTML file for the pictograms to display correctly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a basic implementation of a game called "Ghost and Doll" in a single HTML file, using JavaScript and pictograms for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Ghost and Doll</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-container {
      margin-top: 50px;
    }
    
    .pictogram {
      display: inline-block;
      width: 80px;
      height: 80px;
      background-size: contain;
      cursor: pointer;
    }
    
    #ghost {
      background-image: url('ghost.png');
    }
    
    #doll {
      background-image: url('doll.png');
    }
    
    #message {
      margin-top: 20px;
      font-size: 24px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Ghost and Doll</h1>
  <div id="game-container">
    <div id="ghost" class="pictogram"></div>
    <div id="doll" class="pictogram"></div>
  </div>
  <div id="message"></div>

document.getElementById('ghost').addEventListener('click', function() {
      if (!ghostClicked) {
        ghostClicked = true;
        document.getElementById('ghost').style.opacity = 0.5;
      }
    });

document.getElementById('doll').addEventListener('click', function() {
      if (ghostClicked && !dollClicked) {
        dollClicked = true;
        document.getElementById('doll').style.opacity = 0.5;
        document.getElementById('message').textContent = 'Congratulations! You found the doll!';
      }
    });
  </script>
</body>
</html>
```

Please note that you would need to have image files named "ghost.png" and "doll.png" in the same directory as the HTML file for the pictograms to display correctly.