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

No:36301

108

←

Prev Next

→

🦢
Developer User16766｜Date and time 24/1/17 6:31:30
Build time 12.693 sec｜Game capacity 2.926KB｜

Script

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

Pictogram Game

When you open this HTML file in a web browser, you'll see a grid of pictograms. The goal of the game is to find matching pairs by clicking on any two pictograms. If the selected pictograms match, they stay visible. If not, they are hidden again after a short delay. The game continues until all pairs are matched, and then an alert message is displayed to indicate that you've won the game. Feel free to customize and enhance this game according to your preferences.

←

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 game implemented as a single HTML file, using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Pictogram Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      margin-top: 50px;
    }
    
    #container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    .pictogram {
      width: 80px;
      height: 80px;
      margin: 10px;
      padding: 10px;
      border: 2px solid #000;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Pictogram Game</h1>
  
  <div id="container"></div>
  
  <script>
    const pictograms = ['🍎', '🍕', '🚀', '🐶', '🎉', '🌍', '🎸', '🧩', '🌞', '🚲'];
    const totalPairs = 5; // Number of pairs to match
    let selectedPictograms = [];
    let matchedPairs = 0;
    
    // Shuffle the pictograms array
    pictograms.sort(() => Math.random() - 0.5);
    
    // Create the pictogram elements in the DOM
    const container = document.querySelector('#container');
    
    pictograms.forEach(pictogram => {
      const div = document.createElement('div');
      div.classList.add('pictogram');
      div.textContent = pictogram;
      div.addEventListener('click', () => selectPictogram(pictogram));
      container.appendChild(div);
    });
    
    function selectPictogram(pictogram) {
      if (selectedPictograms.includes(pictogram)) {
        // Pictogram already selected, do nothing
        return;
      }
      
      selectedPictograms.push(pictogram);
      
      // Check for a match
      if (selectedPictograms.length === 2) {
        if (selectedPictograms[0] === selectedPictograms[1]) {
          // Match found
          matchedPairs++;
          if (matchedPairs === totalPairs) {
            // Game over
            alert('Congratulations! You won the game!');
          }
        } else {
          // No match, reset selected pictograms after a short delay
          setTimeout(() => {
            resetSelectedPictograms();
          }, 500);
        }
      }
    }
    
    function resetSelectedPictograms() {
      selectedPictograms = [];
    }
  </script>
</body>
</html>
```

Feel free to customize and enhance this game according to your preferences.