htmlでJavaボタンのクリックを聞くようにする

Question

Processing IDEを使用して、ユーザーがHTMLスケッチで描画するためのアプリケーションを作成しました。

私は「新しいスケッチ」をクリックしたときに、それがフォルダ内に新しいsketch.htmlファイルを作成します。

さて、このアプリは、次のようになります。だから、基本的には、私の質問は、HTMLが私のJavaのカスタマイズされたボタンの機能に耳を傾けるようにする方法である

：今、私はこのようになりますこれは、「パイ」ボタンをクリックして円グラフを作成したいですか？処理スケッチで実行されている

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; 
    } 
} 

：

ボタンクラスは次のようになります（たぶんJSPで、私はわかりません）。スケッチでは、特定のボタン上でマウスの動作を押すと、MouseIsOverで定義されます。 HTMLページでボタンがクリックされたことを知り、次の操作を実行します。有用な提案は非常に役に立ちます！

Answer 1

JSPはサーバー上で実行されます。ブラウザ上でこのコードをクライアント上で実行する必要があります。

Processing.jsを使用してProcessingスケッチをJavaScriptとしてデプロイする必要がある場合は、this guideを使用して、純粋なJavaScriptとProcessing.jsの間でやり取りするコードを記述できます。

また、スケッチをP5.jsに移植することもできます。すでにあなたの質問にタグを付けました。これには、JavaScriptであるP5.jsの処理コードをすべてゼロから書き直す必要があります。

なぜボタンをクリックしてファイルを作成するのか少し混乱します。このファイルは、スケッチの実行時に手動で作成するのではなく、すでにそこに存在しているはずです。