問題タブ [mouse-coordinates]

これは、私がここで試してみたほうがいいと思った、処理フォーラム（これまでのところ回答がありません）で作成した投稿のコピーペーストです。

処理は、特にWebページのために、ものを描画するための非常にクールな方法です。参考としてhttp://processing.org

ねえ、私は処理に不慣れです、私はフラッシュレスのウェブサイトを作るためにそれを使っているので、私はほとんどキャンバスに描いています。

マウスの位置に問題がありますが、座標を描画するときは、左上隅を位置0,0と見なします。実際のマウス座標は、0,0をブラウザウィンドウの左上隅と見なします。

だから私の問題はこれです。ブラウザがサイズを変更するたびに、キャンバスは中央のWebページで動作し、キャンバス内のマウスの座標も変更されます。

キャンバスを基準にしてマウスの座標を作成する方法はありますか？ブラウザウィンドウのサイズを変更できるように、マウス座標の左上隅は常に0,0になりますか？

それが問題です、私はここでスタックオーバーフローで何人のpplがこれで経験されているかわかりませんが、誰かが私を助けてくれることを願っています:)

事前にスタックオーバーフローコミュニティに感謝します。

そのためのメソッドが既にある場合、できれば YUI を使用して、マウスが要素の上にあるかどうかを判断しようとしています。

基本的に次のようなもの

function bool IsMouseOver(Element);

私は現在ウェブサイトをデザインしていますが、自分のカーソル座標を知っていれば、それが大いに役立つことに気づきました。

私は主に新しいページのプレビューにFirefoxを使用しています。したがって、Firefoxのアドオンは素晴らしいでしょう。Firebugをチェックアウトしましたが、そこに機能が見つかりませんでした。

Firefoxで現在のカーソル座標を表示する方法を知っている人はいますか？

基本的に私がやろうとしているのは、マウスイベントを使用して画像を回転させることです。たとえば、マウスの左ボタンを押したままマウスを上下に動かすと、画像が回転します。私はここで別の質問を見つけました ( C# で画像を回転させるにはどうすればよいですか) が、回転メソッド (リンクのメソッドソースコード) の角度パラメーターをマウスと画像の中心の間の計算された角度にマッピングするとき、私はオーバーフロー例外がスローされます。回転しようとしている画像は画像ボックスにあります。何か案は？これを別の方法で行う必要がありますか？

前もって感謝します！

----------編集1-----------

わかりました、トリガーがオフだったと思います。変更しました...

角度 = Atan((mousePosY - imageCenterY)/(mousePosX - imageCenterX)

しかし、今では画像は回転せず、動くだけです (動くようにプログラムしましたが、うまくいきます)。これが私が扱っているコードです。

pictureBox をダブルクリックすると、rotateMode フラグが true に設定されます。皆さんありがとう！

- - - - -答え - - - - - -

Gabe のおかげで、コードの小さな問題をすべて見つけて、今では問題なく動作しています。唯一のことは、回転した画像に合わせて画像ボックスのサイズを大きくする必要があったことです。答えを知りたい人のための正しいコードは次のとおりです。

ゲイブと他のみんなに感謝します！

で作成したボタンがあります

後で写真を追加しますが、ボタンのどこをクリックしたかを知る必要があるため、N、S、E、W、またはコンパスの他のポイントをクリックしたかどうかを判断できます。

私の電話は：

その情報についてメッセージを調べる必要がありますか?

地図画像にアイコンを配置する必要があります。マップ イメージが私の画面解像度 1280 x 1024 よりも大きいため、水平スクロール バーが表示されます。

Location x と y を使用してアイコンを配置しますが、問題は、水平スクロール バーが最も左の位置にある場合と位置 (0, 0) にアイコンを配置することは、水平スクロール バーが最も右の位置にある場合とは異なることです。 ...

スクロールバーをx軸（右）10に移動すると、アイコンを（0、0）に配置すると（0、0）になるはずですが、（10、0）に配置されます。

この場合、別のアプローチはありますか？または、スクロールバーがどれだけ移動したかを考慮する必要がありますか? もしそうなら、どうすればいいですか？

私の説明が理にかなっていることを願っています。

ありがとう、

カーソルが指している角度（x、y、zベクトル）を知る必要があるだけです。だから私は私が指している方向にどんな粒子でも撃つことができます。

深度テストを使用できないため、一般的なピッキング方法はオプションではありません。

これは純粋数学だけで可能ですか？ビューポートのアスペクト比や遠近法などを知っている場合は？

編集：空のシーンから座標を取得する必要があります。完全に空で、描画はまったくありません！

<canvas>jQuery と要素を使用してブレイクアウト ゲームを構築しています。パドルを制御するには、マウスに従います。drawPaddle()したがって、メソッドでマウス座標を取得する必要があります。

jQuery サイトを見ると、次のような例があります。

これは私が望むことですが、このようなプロジェクトに別の機能を追加したくありません。これは私のdrawPaddle()方法です：

したがって、drawPaddle()が呼び出されるたびにマウスの位置を取得する方法を見つける必要があり、マウスがページ上で移動するたびにではありません$(document).mousemove(function(e){ 。

どんな助けでも大歓迎です、ありがとう。

画面上で現在のマウスの調整を取得する方法は? 要素のmousePositionを取得するものしか知らないMouse.GetPosition()のですが、要素を使わずに座標を取得したいです。

過去数日間私を悩ませてきたさらに別の質問。他の質問からわかるように、私はいくつかのマインドマップソフトウェアを作成しています。したがって（非常に単純化されています）、2つのdivがあります。1つはページ上の正方形で、もう1つはそのdiv内にあり、約10倍の大きさでドラッグ可能です。これは、オブジェクトを画面に配置してから、別のオブジェクトを追加するときに少し横に移動できるようにするためです。これを行うには、外側のdivをスクロール可能にします。

私が抱えている問題は、Javaスクリプトのマウスの位置に関係しています。div内の任意の場所でマウスの位置を取得すると、内側のdivを上下に半分のサイズでオフセットするため、正しくありません（したがって、ユーザーはキャンバスの中央を見て、好きなように移動できます） 。私は何十もの異なるマウス座標関数を試しましたが、どれも機能していないようです。私がウェブ上のどこかで見つけたクロスブラウザであると思われる例は次のとおりです。

しかし、これでも機能しません。内側のdivがドラッグ可能であるため、エラーが発生していることはほぼ間違いありません。うまくいけば、説明しようとしてある程度意味がありますが、ここにない場合は、私が持っている状況を示すための非常に単純なjsfiddleです（ただし、ここではマウスクリックは行われていませんが、純粋にdiv構造を示しています）。私が作成している製品では、ユーザーがキャンバスをダブルクリックすると新しいオブジェクトが表示されるため、マウスの座標が正しい必要があります。

誰かが私を助けてくれることを願っています。

前もって感謝します。

編集：私のアプリケーションの一部でJQueryを使用しているため、JQueryを使用する場合と使用しない場合のどちらのソリューションでも問題ないことを言及できませんでした。再度、感謝します。