この簡単なスケッチは、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のセットアップ
- 特定のポートでデスクトップブラウザーでアプリを実行しています。
http://127.0.0.1:52956
ifconfig
コンピューターの IP アドレスを取得するために使用します。この場合:192.168.1.10
- iPad を同じ Wi-Fi ネットワークに接続し、ブラウザで
http://192.168.1.10:52956
最後に、この問題の結果に興味がある方のために、私のアプリはhttp://bit.ly/facebuzzappで実行されています。デスクトップではうまく動作しますが、iPad ではうまく動作しないことがわかります。