問題タブ [mouse-coordinates]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1607 参照

javascript - Javascript がマウス座標で画像を回転

ユーザーのマウスの位置に応じてボールを動かす視差効果を使用しています (http://webdev.stephband.info/jparallax/index.html)。ボールも回転する方法を見つけようとしています。そのため、ユーザーがマウスを領域の上に移動すると、ボールが画面上を転がるように見えます。

マウスクリックでアイテムを回転させる方法を示すいくつかのJavaScriptの例を見つけました.jsですべてをまとめるのに十分なスキルがありません.

例を示す Jsfiddle を次に示します。

jsフィドル

0 投票する
1 に答える
1410 参照

delphi - Delphi で指定されたアスペクト比の DrawFocusRect

画像の縦横比を維持する画像に FocusRect を描画できるようにしたいと考えています。私の問題は、FocusRect がマウスの y 座標のみに依存することです。長方形を両方のマウス座標に依存させる方法がわかりません...これは私のコードです:

誰か助けてくれませんか?

ヘンリー

0 投票する
1 に答える
399 参照

wpf - ビューポート ポイントを WPF のコンテナー参照ポイントに変換する

ViewPort の特定の場所にコントロールをプロットしました。そして、ViewPort は Canvas に配置されます。プロットされたコントロールをクリックすると、ViewPort コンテナー (キャンバス) を参照して座標点を取得したいと考えています。コントロールがViewPotに配置されたポイント座標を取得しますが、コンテナを参照して欲しいです。

ViewPort ポイントを通常のスクリーン ポイントに変換するためのアイデアを提案してください。

前もって感謝します。

0 投票する
1 に答える
3554 参照

c# - OpenTK(C#〜.NET)でのマウスウィンドウ座標の取得

1つから多数のOpenGLビューフォームを持つGUIを作成しています。これで基本が機能しました。ビューアフォームのリストがあり、それぞれがOpenTK.GLControlメンバーをそのデザイナークラスにカプセル化しています。

アイコンをドラッグしたウィンドウ内の実際のカーソル位置を取得して、左クリックを離したときにその位置のGLウィンドウにドロップするようにする必要があります。これは実際に行う必要があることから単純化されていますが、最初のステップとして、これが発生すると、残りは簡単に実行できます。

GLControl.MousePosition.X、GLControl.MousePosition.Yを使用してカーソル位置を取得すると、ウィンドウ内の位置ではなく、実際には画面位置が表示されます。残念ながら、これは私がしなければならないことには特に役立ちません。

私はOpenTK.GameWindow.Mouseを見てきましたが、これは私の小さなテストプロジェクトで非常にうまく機能しているようです。ウィンドウ内のカーソルの正確な位置を取得します。ただし、このプロジェクトではgamewindowを使用できません。これは、gamewindowには、Dock、TabIndex、Paint、その他のGUI関連メンバーなどのGLcontrolにあるGUIフォームに適したものがないためです。(または、少なくともGameWindowがそれらをサポートする方法を見つけることができないようです。間違っている場合はお知らせください)

だから私が本当に求めているのは、OpenTK.GLControlを使用してカーソルのウィンドウ位置をフォームで取得するための本当に素晴らしい/簡単な方法を誰かが持っているかどうかです

実際、それがトリッキーであっても、私に知らせてください:)私はそれができる必要があります!

0 投票する
1 に答える
310 参照

processing - 各ゾーン領域の境界の座標をロンドンのチューブ マップ .GIF ファイルに保存する方法は?

私は。。をしようとしています:

  1. ロンドン チューブ マップの各境界ゾーン領域の座標を格納する KML ファイルを生成します。

  2. X、Y 座標をキー ペア値として保存し、各ラインの各ステーションのポイントを保存します。

KML は最終的に次のようになります。

GIF ファイルから KML ファイルへのマウス移動 (読み取り) の領域座標をトレースするツールはありますか? KML ファイルで要素タグを同時に指定する方法はありますか?

全体の目的は、最小限のコードでこの KML ファイルを生成することです。

KML ファイルを生成した後、Processing を使用して、London tube map.gif ファイルに表示されるデータを視覚化します。

0 投票する
2 に答える
380 参照

air - システム トレイで実行されているエア アプリケーションからシステム マウス座標を取得する (マウス トラッカー)

システム トレイ ( ) で実行される Adob​​e Air アプリケーションからマウスの位置を取得したいと考えていますvisible = false。私は多くの方法を試しましたが、答えを見つけることができませんでした。このデータを air sdk で取得することはできますか? もしそうなら、どのように?

どうもありがとう

0 投票する
2 に答える
422 参照

jquery-plugins - jQuery アニメーションのすべてのステップでマウス座標をキャプチャする

jQueryアニメーション中にマウス座標を取得しようとしています.cssプロパティ内divの背景画像を移動するインタラクティブプラグインに取り組んでいるため、ユーザーがエレメント。cover100%

完成間近ですが、jQuery のイベントによって発生plug-inしたマウスの最後の位置で動作するため、アニメーションにバグがあります。mousemove

問題を回避する方法はありますか?

これは私の状況です:

ご覧のとおり、アニメーションを使用して背景画像のプログレッシブ スケーリングを計算し、フォロー マウス メソッドで計算しようとしていますが、マウスの移動を停止すると、アニメーションは最後mousemove event.pageXYマウスの位置で機能します。

これを行ったのは、マウスを使用して連続的に書き直そうとすると、アニメーション メソッドを流動的にすることに問題があるためです。

バグを回避するには、別の方法に従う必要がありますか?

0 投票する
1 に答える
272 参照

coordinate-systems - Seadragon ajax 修正座標系

私のウェブサイトで大きな解像度の大きな画像を表示するために、座標系で Seadragon Ajax を試しています。座標を知っているこの画像の一部を表示したいと思います。問題は、画像をズームまたはドラッグすると、座標が画像の同じ部分に対応しなくなることです。いくつかのコードを試してみましたが、方法がありません。座標系がすべての画像に対して修正されている必要があります。私ができるように?ありがとう

0 投票する
1 に答える
1328 参照

java - NetBeans Visual Libraryでマウスの位置を取得するにはどうすればよいですか?

ダブルクリックしてウィジェットを追加したいので、シーンにEditActionを追加し、 EditProvidereditメソッドを上書きしました。ここで問題となるのは、ウィジェットの初期位置をマウスの位置に設定したいということです。使えることがわかった

マウスの位置を取得しますが、画面を基準にしています。人々が使うことも読んだ

マウスの位置から画面上の親の位置を減算しますが、私のシーンはそれを実装していないようです。

0 投票する
1 に答える
818 参照

java - gluUnProject+設計ディスカッションを使用したJavaOpenGL画面から世界への変換

2つの質問があります。1つは、コードが意図したとおりに機能しない理由に関する具体的な質問であり、もう1つは設計上の質問です。

1(特定の質問):2Dタイルベースのエンジン(x / y軸、z = 0を使用)で画面座標をワールド座標にマッピングしようとしています。これを実現する方法についてNeheのチュートリアルポートを使用しましたが、期待どおりの結果が得られません。

MouseControllerというクラスがあります。マウスイベントがトリガーされるたびに(swingのMouseListenerを介して)、MouseEventをMouseControllerに渡します。

GLCanvasの描画関数で、MouseController.processClick(GL)関数を呼び出して、現在のglコンテキストをprocessClick関数に渡し、modelview、射影行列、およびビューポートを取得できるようにします。

画面に表示されているブロックをクリックすると、返される世界座標はほとんど意味がありません。1つは、z値が0であると予想しますが、その9(カメラが設定されている高さ)であり、x値とy値は常に0に非常に近いです(ときどき1〜9に跳ね上がります。わずかな動き、そして0に非常に近い数に戻ります)。

なぜこれが当てはまるのか誰かが知っていますか?processClick関数は以下のとおりです。

ワールド座標(4,5,0)で正方形をレンダリングした画面をクリックすると、上記の関数から得られる出力例は次のとおりです。

ありがとう!

編集: glReadPixelsを使用して深度バッファーを読み取り、それをz(1を返す)として使用すると、ある程度正しい結果が得られますが、20倍大きすぎます。

EDIT2:遠方のクリッピング平面をカメラの高さと同じ値に設定すると、機能しているように見えます(ただし、これは実際には適合しません)。

2(デザインの質問):OpenGLキャンバスの描画機能でクリックを処理するのは意味がないように感じます。gluUnProjectの実行に必要な行列を取得できるようにするには、その関数からGLが必要なようです。どうやってこれをデザインしますか?理想的には、これを描画機能とは完全に分離して実行できるはずだと感じています。glオブジェクトへの参照をMouseControllerに保存し、MouseListenerがそれを取得したときにクリックを処理します。

あなたたちがそれをどのように扱うか/行うかについての入力も大いにありがたいです!