处理草图无法在 JavaScript 模式下工作
Processing Sketch not working on JavaScript mode
我用的是Processing 2.2.1
我创建了一个非常简单的应用程序来测试 Java脚本模式:
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
使用 Processing.js 进行开发时最好的朋友是 JavaScript 控制台。如果您之前使用 Processing 进行过开发,JavaScript 控制台就像 Processing 编辑器底部的黑色控制台部分 - 任何错误或异常都会出现在这里。
但是,JavaScript 控制台默认隐藏。要打开它,请在浏览器中按 F12
(或查找名为 "developer tools" 的菜单),然后转到 console
选项卡。
当你打开它时,你可以刷新你的页面来查看你在草图中遇到的任何错误。
如果无法在 URL 运行 您的草图上查看 JavaScript 控制台,我真的无法给您更具体的答案。但是很多新手 Processing.js 开发人员并不知道 JavaScript 控制台,所以通常这最终会解决问题。
我用的是Processing 2.2.1 我创建了一个非常简单的应用程序来测试 Java脚本模式:
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
使用 Processing.js 进行开发时最好的朋友是 JavaScript 控制台。如果您之前使用 Processing 进行过开发,JavaScript 控制台就像 Processing 编辑器底部的黑色控制台部分 - 任何错误或异常都会出现在这里。
但是,JavaScript 控制台默认隐藏。要打开它,请在浏览器中按 F12
(或查找名为 "developer tools" 的菜单),然后转到 console
选项卡。
当你打开它时,你可以刷新你的页面来查看你在草图中遇到的任何错误。
如果无法在 URL 运行 您的草图上查看 JavaScript 控制台,我真的无法给您更具体的答案。但是很多新手 Processing.js 开发人员并不知道 JavaScript 控制台,所以通常这最终会解决问题。