A for循环不能运行p5.js

Question

​

var Background;

function setup() {
  createCanvas(windowWidth, windowHeight);

  Background = color(0);
  background(Background);

  for(var i = 0; i < 400; i += 25) {
    //print("i " + i);
    for(var u = 0; i < 800; i += 25) {
      noFill();
      stroke(255, 255, 255);
      rect(i, u, 25, 25);
      //print("u " + u);
    }
  }

}

function draw() {

}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/p5.js"></script>

​

我正在制作一个需要细胞的游戏，我开始调试，因为细胞不工作，这就是我得到的结果。你知道它出了什么问题吗？

Answer 1

请说得更具体，而不是说它不起作用。您到底希望这段代码能做什么？具体会发生什么呢？哪一行代码与您预期的不同？除非你能提供这些信息，否则你的问题对于Stack Overflow来说可能太宽泛了。但我会试着在一般意义上帮助你。

你需要养成debugging your code的习惯。(该教程用于处理，但许多相同的想法也适用于P5.js和JavaScript。)

我看到您在程序中添加了几个print语句，这很好，但您需要阅读它们所说的内容才能理解您的程序正在做什么。您还应该逐行仔细地阅读您的代码，使用一些示例输入，并使用一张纸和一支铅笔来跟踪变量。

无论如何，您都应该注意到您的u变量始终为0。这可能不是您所期望的。

这将告诉您仔细查看使用u变量的for循环：

for(var u = 0; i < 800; i += 25) {

希望现在变得明显了，你在这里切换变量。这一行可能应该是：

for(var u = 0; u < 800; u += 25) {

以后请在发帖前尝试做这种类型的调试。这会为你节省很多时间。