处理草图在 JavaScript 模式下不起作用

Question

我使用处理 2.2.1 我创建了一个非常简单的应用程序来测试 JavaScript 模式：

void setup()
{
  size(300,300);
  smooth();
  background(0);
}

void draw()
{
  noStroke();
  fill(random(0,255), random(0,255), random(0,255), 200);
  ellipse(mouseX, mouseY, random(10,50), random(10,50));
}

void mouseClicked()
{
  setup();
}

我可以导出 HTML 文件，但它不起作用（与 Java 模式不同）： Image

Answer 1

使用 Processing.js 进行开发时最好的朋友是 JavaScript 控制台。如果您以前使用过 Processing 进行开发，JavaScript 控制台就像 Processing 编辑器底部的黑色控制台部分 - 任何错误或异常都会出现在这里。

但是，JavaScript 控制台默认是隐藏的。要打开它，请在浏览器中按F12（或查找名为“开发者工具”的菜单），然后转到console 选项卡。

打开该页面后，您可以刷新页面以查看您在草图中遇到的任何错误。

如果无法在运行您的草图的 URL 上查看 JavaScript 控制台，我真的无法给您更具体的答案。但是很多新手 Processing.js 开发人员并不了解 JavaScript 控制台，因此通常这最终解决了问题。