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

No:40113

←

Prev Next

→

Windows 95
Developer User4389｜Date and time 24/2/1 6:38:34
Build time 13.665 sec｜Game capacity 3.78KB｜

Script

Sure! Here's a simple game written in JavaScript that can be played as a finished game. It's optimized for smartphone operation and uses pictograms for the visuals. The game is called "PictoMatch":

PictoMatch

Score: 0

To play the game: 1. Copy and paste the above code into a new HTML file. 2. Save the file with an `.html` extension (e.g., `game.html`). 3. Open the HTML file in a web browser. 4. You should see the game interface with three pictograms and a score counter. 5. Click on any of the pictograms to select it. The selection will briefly highlight. 6. If all three selected pictograms match, your score will increase by 10 and new pictograms will be generated. Otherwise, the game will end. 7. When the game ends, you will see a "Game Over" message and a "Restart" button. Click the button to start a new game. Please note that this game is a basic example and can be enhanced further with additional features and visual improvements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple game written in JavaScript that can be played as a finished game. It's optimized for smartphone operation and uses pictograms for the visuals. The game is called "PictoMatch":

```html
<!DOCTYPE html>
<html>
<head>
  <title>PictoMatch</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    .pictogram {
      font-size: 48px;
      padding: 10px;
      display: inline-block;
    }
    
    #score {
      font-size: 24px;
      margin-top: 20px;
    }
    
    #game-over {
      font-size: 32px;
      color: red;
      margin-top: 10px;
    }
    
    #restart-btn {
      font-size: 24px;
      margin-top: 20px;
      padding: 8px 12px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>PictoMatch</h1>
  
  <div id="game-board">
    <div class="pictogram" id="pictogram1"></div>
    <div class="pictogram" id="pictogram2"></div>
    <div class="pictogram" id="pictogram3"></div>
  </div>
  
  <div id="score">Score: <span id="score-value">0</span></div>
  
  <div id="game-over" style="display: none;">Game Over</div>
  <button id="restart-btn" style="display: none;">Restart</button>
  
  <script>
    var pictogramOptions = ['🍎', '🍌', '🍇', '🍉', '🍓', '🍊'];
    var score = 0;
    var selectedPictograms = [];
  
    function initializeGame() {
      selectedPictograms = [];
      score = 0;
      updateScore();
      generateRandomPictograms();
    }
  
    function generateRandomPictograms() {
      for(var i = 1; i <= 3; i++) {
        var randomIndex = Math.floor(Math.random() * pictogramOptions.length);
        var randomPictogram = pictogramOptions[randomIndex];
        document.getElementById("pictogram" + i).innerHTML = randomPictogram;
        selectedPictograms.push(randomPictogram);
      }
    }
  
    function checkSelection() {
      if(selectedPictograms[0] === selectedPictograms[1] && selectedPictograms[1] === selectedPictograms[2]) {
        score += 10;
        updateScore();
        generateRandomPictograms();
      }
      else {
        endGame();
      }
    }
  
    function updateScore() {
      document.getElementById("score-value").textContent = score;
    }
  
    function endGame() {
      document.getElementById("game-over").style.display = "block";
      document.getElementById("restart-btn").style.display = "inline-block";
      document.getElementById("restart-btn").addEventListener("click", initializeGame);
    }
  
    initializeGame();
  
    var pictogramElements = document.getElementsByClassName("pictogram");
    for(var i = 0; i < pictogramElements.length; i++) {
      pictogramElements[i].addEventListener("click", function() {
        var selectedElement = this;
        selectedElement.style.backgroundColor = "#d3d3d3";
        setTimeout(function() {
          selectedElement.style.backgroundColor = "";
          checkSelection();
        }, 300);
      });
    }
  </script>
</body>
</html>
```

To play the game:

1. Copy and paste the above code into a new HTML file.
2. Save the file with an `.html` extension (e.g., `game.html`).
3. Open the HTML file in a web browser.
4. You should see the game interface with three pictograms and a score counter.
5. Click on any of the pictograms to select it. The selection will briefly highlight.
6. If all three selected pictograms match, your score will increase by 10 and new pictograms will be generated. Otherwise, the game will end.
7. When the game ends, you will see a "Game Over" message and a "Restart" button. Click the button to start a new game.

Please note that this game is a basic example and can be enhanced further with additional features and visual improvements.