1

この簡単なスケッチは、Processing というファイルに次のように保存されていますtmp.pde

void setup() {
  size( 640,480 );
}

void draw() {
  color bg = color(200);
  background(bg);
}


void mouseReleased() {
  println("(" + mouseX + ", " + mouseY + ")");
}

デスクトップ (Java) モードで完全に動作します。デスクトップのブラウザーで表示すると、Javascript でも完全に機能します。

mouseXしかし、iPad で実行しようとすると、最初の指でタップすると、キャンバス上のどこにいてmouseY(0, 0). 後でタップすると正しい座標が返されますが、この最初のクリックは後の計算を混乱させるため、計り知れない不便を引き起こしています。

カスタム テンプレートを使用して jQuery をロードし、キャンバスにフォーカスを当ててみました。

$(document).ready(function(){
    $('#tmp').focus();
});

キャンバス内のマウス クリック位置の検出とキャンバス内のマウス位置の取得の両方の質問も確認しましたが、結果を Processing に統合する必要がある間、どちらも JavaScript 内でのマウス位置の検出を扱います。

ポインタをいただければ幸いです。

iPadのセットアップ

  1. 特定のポートでデスクトップブラウザーでアプリを実行しています。http://127.0.0.1:52956
  2. ifconfigコンピューターの IP アドレスを取得するために使用します。この場合:192.168.1.10
  3. iPad を同じ Wi-Fi ネットワークに接続し、ブラウザでhttp://192.168.1.10:52956

最後に、この問題の結果に興味がある方のために、私のアプリはhttp://bit.ly/facebuzzappで実行されています。デスクトップではうまく動作しますが、iPad ではうまく動作しないことがわかります。

4

0 に答える 0