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

No:39588

59

Make a game that grows a tree while the user is sl..ALL
Developer User17706｜Date and time 24/1/29 7:10:55
Build time 10.822 sec｜Game capacity 2.92KB｜

Sure! Here's a simple implementation of a game that grows a tree while the user is sleeping offline. Please note that this is a basic example and can be further enhanced and modified based on your preferences:

Offline Tree Growth Game

Leave the game open to grow your tree while you sleep offline!

Tree

In this game, the tree growth is tracked using the `treeGrowth` object stored in the browser's local storage. When the page is loaded, it checks if the tree growth data exists in the local storage. If it exists, it updates the tree image accordingly; otherwise, it initializes the tree growth data and saves it in the local storage. The `growTree()` function is responsible for increasing the tree height. In this example, the tree has a maximum height of 4 (represented by different images `emozi_all/tree.png` to `emozi_hamuster.png`). Once the tree reaches its maximum height, it resets back to its initial state. Remember to replace `emozi_himawari.png`, `emozi_cat.png`, and so on, with the actual pictogram images representing the different stages of the tree growth. You can customize the appearance and behavior of the game further based on your preferences. Note: Make sure to have the actual images (e.g., `emozi_apple.png`, `emozi_bear.png`, etc.) saved in the same directory as the HTML file. I hope this helps you get started with your offline tree growth game! Feel free to modify and enhance it further as per your requirements.

→ 　

0　

0　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

Sure! Here's a simple implementation of a game that grows a tree while the user is sleeping offline. Please note that this is a basic example and can be further enhanced and modified based on your preferences:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Offline Tree Growth Game</title>
</head>
<body>
  <h1>Offline Tree Growth Game</h1>
  <p>Leave the game open to grow your tree while you sleep offline!</p>
  
  <div id="treeContainer">
    <img id="treeImage" src="tree0.png" alt="Tree" width="300" height="300">
  </div>
  
  <script>
    // Check if local storage has tree growth data
    if (localStorage.getItem("treeGrowth")) {
      var treeGrowth = JSON.parse(localStorage.getItem("treeGrowth"));
      updateTree(treeGrowth);
    } else {
      var treeGrowth = {
        height: 0,
        imageName: "tree0.png"
      };
      localStorage.setItem("treeGrowth", JSON.stringify(treeGrowth));
    }
    
    // Tree growth function
    function growTree() {
      treeGrowth.height++;
      
      if(treeGrowth.height < 5) {
        treeGrowth.imageName = "tree" + treeGrowth.height + ".png";
        localStorage.setItem("treeGrowth", JSON.stringify(treeGrowth));
        updateTree(treeGrowth);
      } else {
        treeGrowth.height = 0;
        treeGrowth.imageName = "tree0.png";
        localStorage.setItem("treeGrowth", JSON.stringify(treeGrowth));
        updateTree(treeGrowth);
      }
    }
    
    // Function to update tree image
    function updateTree(treeData) {
      var treeImage = document.getElementById("treeImage");
      treeImage.src = treeData.imageName;
    }
    
    // Save tree growth data when page is unloaded
    window.onbeforeunload = function() {
      localStorage.setItem("treeGrowth", JSON.stringify(treeGrowth));
    };
  </script>
</body>
</html>
```

In this game, the tree growth is tracked using the `treeGrowth` object stored in the browser's local storage. When the page is loaded, it checks if the tree growth data exists in the local storage. If it exists, it updates the tree image accordingly; otherwise, it initializes the tree growth data and saves it in the local storage.

The `growTree()` function is responsible for increasing the tree height. In this example, the tree has a maximum height of 4 (represented by different images `tree0.png` to `tree4.png`). Once the tree reaches its maximum height, it resets back to its initial state.

Remember to replace `tree0.png`, `tree1.png`, and so on, with the actual pictogram images representing the different stages of the tree growth. You can customize the appearance and behavior of the game further based on your preferences.

Note: Make sure to have the actual images (e.g., `tree0.png`, `tree1.png`, etc.) saved in the same directory as the HTML file.

I hope this helps you get started with your offline tree growth game! Feel free to modify and enhance it further as per your requirements.