HTML5 和 Javascript 游戲無法按預期運行

Question

我試圖用 HTML5、javascript 和 css 制作一個空閑游戲。 到目前為止，我認為我一切順利，但是當我測試它時，它並沒有像我希望的那樣工作。 它不是讓一個資源一次上升 1，而是等待一秒鍾，正如它應該的那樣，然后直接跳到 101...

HTML：

<!DOCTYPE html>
<html>
<head>
  <link rel='stylesheet' href='style.css'/>
  <script src='script.js'></script>
</head>
<body>
  <div class='Main'>
    <script>
    var ResourceManager = {
      Re1: {
        Food: {
          unlocked: true,
          quantity: 100,
          max_quantity: 100,
          re_ps: 1,
          workers: 1
        },
        Wood: {
          unlocked: true,
          quantity: 0,
          max_quantity: 10,
          re_ps: 0,
          workers: 0
        },
        Stone: {
          unlocked: false,
          quantity: 0,
          max_quantity: 10,
          re_ps: 0,
          workers: 0
        }
      }
    }
    var RE1 = ResourceManager.Re1;

    var Food_ps = RE1.Food.re_ps * RE1.Food.workers;

    setInterval(function() {
      if(RE1.Food.quantity <= RE1.Food.max_quantity) {
        RE1.Food.quantity += Food_ps;
      }
      document.getElementById('RE1-Food').innerHTML = RE1.Food.quantity;
    }, 1000);


    </script>
    <div class='Main-ResourceShow'>
      <p id='MRS_Re1-Food'>Food: <span id='RE1-Food'></span> - <span id='MaxRE1-Food'></p>
      <p id='MRS_Re1-Wood'>Wood: <span id='RE1-Wood'></span> - <span id='MaxRE1-Wood'></span></p>
      <p id='MRS-Re1-Stone'>Stone: <span id='RE1-Stone'></span> - <span id='MaxRE1-Stone'></p>
    </div>
  </div>
</body>
</html>

Answer 1

您可能希望RE1.Food.quantity從0而不是100 ？

例如

   Food: {
      unlocked: true,
      quantity: 0,
      max_quantity: 100,
      re_ps: 1,
      workers: 1
    },

Answer 2

quantity需要從0開始

var ResourceManager = {
  Re1: {
    Food: {
      unlocked: true,
      quantity: 0,
      max_quantity: 100,
      re_ps: 1,
      workers: 1
    },
    Wood: {
      unlocked: true,
      quantity: 0,
      max_quantity: 10,
      re_ps: 0,
      workers: 0
    },
    Stone: {
      unlocked: false,
      quantity: 0,
      max_quantity: 10,
      re_ps: 0,
      workers: 0
    }
  }
}

HTML5 和 Javascript 游戲無法按預期運行

問題描述

2 個解決方案

解決方案1
2 2015-11-22 18:03:47

解決方案2
1 2015-11-22 18:00:12

HTML5 和 Javascript 游戲無法按預期運行

問題描述

2 個解決方案

解決方案1 2 2015-11-22 18:03:47

解決方案2 1 2015-11-22 18:00:12

解決方案1
2 2015-11-22 18:03:47

解決方案2
1 2015-11-22 18:00:12