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

No:16533

106

←

Prev Next

→

incremental game
Developer User7374｜Date and time 23/9/19 11:46:23
Build time 23.415 sec｜Game capacity 2.899KB｜

Script

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

Incremental Game

Click the pictogram to gain points:

Score: 0

In this game, the player can click on the pictogram to gain points. As the score increases, the player can purchase new pictograms by pressing the Enter key or the Space bar. Each new pictogram costs an increasing amount of score points. Please note that the pictogram image (`emozi_all/pictogram.png`) should be replaced with an actual image file you'd like to use.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Incremental Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    img {
      width: 64px;
      height: 64px;
    }
  </style>
</head>
<body>
  <h1>Incremental Game</h1>
  
  <p>
    <strong>Click the pictogram to gain points:</strong>
  </p>
  <button id="pictogramButton">
    <img src="pictogram.png" alt="Pictogram" id="pictogramImage">
  </button>
  
  <p id="scoreDisplay">
    Score: <span id="score">0</span>
  </p>
  
  <script>
    // Variables to keep track of score and cost
    let score = 0;
    let pictogramCost = 10;
    
    // Function to update the score display
    function updateScoreDisplay() {
      document.getElementById("score").textContent = score.toFixed(2);
    }
    
    // Function to handle the click event
    function clickPictogram() {
      score += 1; // Increase score by 1
      updateScoreDisplay();
    }
    
    // Function to handle purchasing a new pictogram
    function purchasePictogram() {
      if (score >= pictogramCost) {
        score -= pictogramCost; // Subtract cost from score
        pictogramCost *= 1.5; // Increase cost for the next pictogram
        
        // Create a new pictogram button
        const newPictogramButton = document.createElement("button");
        newPictogramButton.id = "pictogramButton";
        newPictogramButton.innerHTML = `<img src="pictogram.png" alt="Pictogram" id="pictogramImage">`;
        newPictogramButton.addEventListener("click", clickPictogram);
        
        // Replace the old pictogram button with the new one
        const oldPictogramButton = document.getElementById("pictogramButton");
        oldPictogramButton.parentNode.replaceChild(newPictogramButton, oldPictogramButton);
        
        updateScoreDisplay();
      } else {
        alert("Not enough score to purchase a new pictogram!");
      }
    }
    
    // Event listener for clicking the pictogram button
    document.getElementById("pictogramButton").addEventListener("click", clickPictogram);
    
    // Event listener for purchasing a new pictogram
    document.addEventListener("keydown", function(event) {
      if (event.key === "Enter" || event.code === "Space") {
        purchasePictogram();
      }
    });
    
    // Start the game by updating the initial score display
    updateScoreDisplay();
  </script>
</body>
</html>
```

Please note that the pictogram image (`pictogram.png`) should be replaced with an actual image file you'd like to use.