我的p5.js画布窗口随着每次代码执行而不断变化。 我怎么能阻止这个？

Question

我刚刚今天早些时候下载了p5.js编辑器，我一直在玩它主要是为了好玩。 但是我注意到在使用createCanvas（）时，结果窗口的唯一时间是正确的大小是我第一次执行代码。 每隔一次，窗口高度减少一点，窗口宽度增加相似的量。

以下是我的代码：

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
  strokeWeight(4);
  stroke(255);

  //Create rows of circles with a thick white outline across the entirety of the canvas
  //Their x and y values are used to create some static random variation in color (r, g, b)
  for (var y = 0; y <= height; y += 50) {
    for (var x = 0; x <= width; x += 50) {
      fill(x%255, (x*y)%255, y%255);
      ellipse(x, y, 25, 25);
    }
  }
}

这是代码首次执行后窗口的样子。 窗口的尺寸完美匹配画布的尺寸。

这是关闭并执行代码3次后窗口的样子。 窗口的这种变形以这种方式继续，直到字面上只留下标题栏。

即使使用createCanvas（displayWidth，displayHeight），问题仍然存在

我有Windows的最新版本的p5.js编辑器（目前为0.5.10），我在Windows 10上运行。我找不到有关此问题的其他用户的任何报告，所以我觉得有点卡住了。 这不是一个大问题，但它只是不方便烦人。

可能导致这种情况的原因以及如何解决？

谢谢您的帮助！

Answer 1

这似乎是一个错误。 我在这里提交了一份错误报告。 随意添加我遗漏的任何细节。

编辑器下载页面说：

p5.j​​s编辑器目前正在开发中，现在可以试用它的beta版本。 通过发布反馈和错误来帮助解决问题。

现在您可以进入设置（编辑器右上角的小齿轮图标）并将“在浏览器中运行”设置更改为“开”。 这将导致您的草图在浏览器中而不是在弹出窗口中启动。