使用html观看java按钮点击
问题描述:
我使用Processing IDE创建了一个应用程序,该应用程序允许用户在HTML草图上绘制。使用html观看java按钮点击
现在,应用程序是这样的:
所以,当我点击“新素描”,它会创建一个新的sketch.html
文件的文件夹中。现在,我想通过点击“馅饼”按钮创建一个饼图,它看起来像这样:
所以基本上,我的问题是,如何让HTML听我的Java自定义按钮功能? (也许通过JSP,但我不知道)
Button类的样子:
public class Button {
String label; // button label
float x; // top left corner x position
float y; // top left corner y position
float w; // width of button
float h; // height of button
// constructor
Button(String labelB, float xpos, float ypos, float widthB, float heightB) {
label = labelB;
x = xpos;
y = ypos;
w = widthB;
h = heightB;
}
void Draw() {
fill(218);
stroke(141);
rect(x, y, w, h, 10);
textAlign(CENTER, CENTER);
fill(0);
text(label, x + (w/2), y + (h/2));
}
boolean MouseIsOver() {
if (mouseX > x && mouseX < (x + w) && mouseY > y && mouseY < (y + h)) {
return true;
}
return false;
}
}
这是在处理草图运行
。在草图中,按下特定按钮上的鼠标动作由MouseIsOver
定义。我想让我的HTML页面知道我的按钮已被点击并执行以下操作。任何有用的建议将非常有帮助!
答
JSP在服务器上运行。你需要这个代码在浏览器本身上运行在客户端上。
要做到这一点,您需要使用Processing.js将Processing草图部署为JavaScript,然后您可以使用this guide编写纯JavaScript与Processing.js之间交互的代码。
或者您可以将您的草图移植到P5.js,您已将其标记为您的问题。这将涉及在P5.js中重写所有的处理代码,这是JavaScript。
我有点困惑,为什么点击一个按钮创建一个文件,但。该文件应该可能已经存在,而不是在草图运行时手动创建它。
谢谢凯文!因此,为了创建文件,我使用了“新的skecth”按钮。每次点击时,它都会自动在sketch文件夹中创建带“.html”和“.js”扩展名的文件。 – duststar0213