使用html观看java按钮点击

问题描述:

我使用Processing IDE创建了一个应用程序,该应用程序允许用户在HTML草图上绘制。使用html观看java按钮点击

现在,应用程序是这样的:

sketch

所以,当我点击“新素描”,它会创建一个新的sketch.html文件的文件夹中。现在,我想通过点击“馅饼”按钮创建一个饼图,它看起来像这样:

pie chart

所以基本上,我的问题是,如何让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。

我有点困惑,为什么点击一个按钮创建一个文件,但。该文件应该可能已经存在,而不是在草图运行时手动创建它。

+0

谢谢凯文!因此,为了创建文件,我使用了“新的skecth”按钮。每次点击时,它都会自动在sketch文件夹中创建带“.html”和“.js”扩展名的文件。 – duststar0213