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

No:43029

Unique Farm simulator with neat squares land that ..ALL
Developer User19052｜Date and time 24/2/14 0:10:14
Build time 19.547 sec｜Game capacity 4.101KB｜

Script

以下是一个基于 JavaScript 的农场模拟游戏代码示例，它可以作为一个单独的 HTML 文件运行，并在 script 标签中使用。游戏设定为适用于智能手机操作，使用象形文字进行表达。

Unique Farm Simulator

Carrot $10

Tomato $15

Corn $20

Potato $12

Lettuce $8

这个代码示例实现了一个基本的农场模拟游戏。游戏界面包含一个可滚动的植物列表，玩家可以选择其中的植物进行种植。游戏地块以方块的形式呈现，玩家可以点击空地块进行植物种植。点击已种植的植物会收获作物，并根据作物价格增加玩家的金币。玩家可以用金币购买更多的地块，扩大农场规模。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Unique Farm Simulator</title>
    <style>
      .land {
        width: 50px;
        height: 50px;
        border: 1px solid black;
        display: inline-block;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
      }
      
      .scrollable-list {
        width: 200px;
        height: 300px;
        overflow-y: scroll;
        border: 1px solid black;
        padding: 5px;
      }
    </style>
  </head>
  
  <body>
    <h1>Unique Farm Simulator</h1>
    
    <div class="scrollable-list">
      <div class="plant-item">
        <span class="name">Carrot</span>
        <span class="price">$10</span>
      </div>
      <div class="plant-item">
        <span class="name">Tomato</span>
        <span class="price">$15</span>
      </div>
      <div class="plant-item">
        <span class="name">Corn</span>
        <span class="price">$20</span>
      </div>
      <div class="plant-item">
        <span class="name">Potato</span>
        <span class="price">$12</span>
      </div>
      <div class="plant-item">
        <span class="name">Lettuce</span>
        <span class="price">$8</span>
      </div>
    </div>
    
    <div id="land-container">
      
    </div>
    
    <script>
      var landData = [
        { id: 1, plant: null },
        { id: 2, plant: null },
        { id: 3, plant: null },
        { id: 4, plant: null },
        { id: 5, plant: null },
        { id: 6, plant: null },
        { id: 7, plant: null },
        { id: 8, plant: null },
        { id: 9, plant: null },
        { id: 10, plant: null },
      ];
      
      var plants = [
        { name: "Carrot", price: 10 },
        { name: "Tomato", price: 15 },
        { name: "Corn", price: 20 },
        { name: "Potato", price: 12 },
        { name: "Lettuce", price: 8 },
      ];
      
      var selectedPlant = null;
      
      function plantPlant(landId) {
        if (selectedPlant !== null) {
          var land = document.querySelector("#land-" + landId);
          var plant = plants[selectedPlant];
          land.innerHTML = plant.name;
          land.style.backgroundColor = "#c5e1a5";
          landData[landId - 1].plant = plant;
          selectedPlant = null;
        }
      }
      
      function buyLand() {
        var newLand = { id: landData.length + 1, plant: null };
        landData.push(newLand);
        var newLandElement = document.createElement("div");
        newLandElement.id = "land-" + newLand.id;
        newLandElement.className = "land";
        newLandElement.addEventListener("click", function() {
          plantPlant(newLand.id);
        });
        document.getElementById("land-container").appendChild(newLandElement);
      }
      
      function displayPlants() {
        var scrollableList = document.querySelector(".scrollable-list");
        plants.forEach(function(plant, index) {
          var plantItem = document.createElement("div");
          plantItem.className = "plant-item";
          plantItem.innerHTML = '<span class="name">' + plant.name + '</span><span class="price">$' + plant.price + '</span>';
          plantItem.addEventListener("click", function() {
            selectedPlant = index;
          });
          scrollableList.appendChild(plantItem);
        });
      }
      
      displayPlants();
    </script>
  </body>
</html>
```