如何通过HTML5输出在游戏中显示分数

How to show score in game via HTML5 output?

本文关键字：显示 游戏 何通过 HTML5 输出      更新时间：2023-09-26

所以我的HTML5有这个输出

<output id="counter" value="0" />

现在我的飞镖有了这个

for (Gunner gunner in gunners) {
  if (bullet.checkCollision(gunner)) {
    deleteBullets.add(bullet);
    deleteGunners.add(gunner);
    int zero = 0;
    count() {
      zero = zero + 1;
      document.getElementById("counter").innerHtml = zero.toString(); 
    }
    count();
  }
}

所以我想做的是，每次我杀死一名枪手时，我的计数器都会上升1，但在我杀死1名枪手并获得1分后，我再也得不到了，它会保持在1，在第一次杀死后不会继续计算我的杀死次数。

存储分数的变量在循环中声明，因此每次都会在0处创建新变量。您需要在其他地方声明变量（在循环之外，代码中不包括该变量）。

// Declared somewhere more global
int score = 0;
increaseScore(int incr) {
  score += incr;
  document.getElementById("counter").innerHtml = score.toString(); 
}
// Your normal loop/event handlers/whatever
renderLoop() {
  // ...
  for (Gunner gunner in gunners) {
    if (bullet.checkCollision(gunner)) {
      deleteBullets.add(bullet);
      deleteGunners.add(gunner);
      increaseScore(1);
    }
  }
  // ...
}
相关文章：