問題タブ [mouse-coordinates]

ページに HTML5 Canvas と 2 つのテキスト入力フィールドがあります。ユーザーがキャンバス (およびキャンバス内のみ) をクリックすると、マウス座標をページのテキスト入力ボックスにエコーしたい。ヘルプ？？詳細が必要な場合は、お問い合わせください。

以下のコメントのリンクからこれを見つけましたが、動作しないようです?:

テキスト入力:

Javascript:

更新これが私のために働いたコードです: HTML:

そしてJS：

これがあいまいではないことを願っています...

私は最初のGoogle Chrome拡張機能に取り組んでおり、それを使用してこのスクリプトを変換しようとしています。^{以下を参照}して、拡張ポップアップに作成しました。そのページの右下に表示されるボックスは、代わりに拡張機能のポップアップに表示され、実際のページからマウス座標を動的に (リアルタイムで) 取得するという考え方です。これを行う方法は、マウス座標を取得する content_script を挿入することであると考えました->それらをbackground.htmlに送信します->それらをpopup.jsに渡します

私はグーグルのドキュメントを熟考し、この問題に取り組むいくつかの投稿のアドバイスに従いましたが、これを機能させることができないようです. おそらく私は を理解するのに問題があると思います.chrome.extension.sendRequest誰かが前にこのようなことをしたことがありますか? 例はありますか？私はこれについて間違った方法で進んでいますか？

//アップデート：

（注：これは機能していません）

繰り返しますが、私が書いたこのスクリプトを適応させようとしています:

これは私の前の質問の続きです -> Draw mouse pointer icon? デスクトップの特定のウィンドウにマウスを描画したいのですが、マウスを描画する方法と実際のマウスの動きを追跡する方法は既に知っています。しかし、私は画面座標の変換に失敗しました。これが私がやりたいことの例です: REAL マウスが左上隅 0,0 にある場合、DRAWN マウスは特定のウィンドウの 0,0 にあり、REAL マウスが右下隅の 1600,900 DRAWN マウスは、特定のウィンドウの 700,400 になります。

誰かが問題を正確に理解していない場合は、もう一度説明します。

前もって感謝します。

マウスがオブジェクトのrectと衝突しているかどうかを確認し、マウスボタンが押されているかどうかを確認して、オブジェクトを移動しようとしています。

これが私のコードです：

これは機能しますが、マウスのすべてのボタンをスパムする必要があり、最終的にpygameはマウスイベントを取得し、オブジェクトは意図したとおりに移動しますが、ほんの一瞬だけ停止します。

私の目標は、マウスのボタンをクリックすることです。マウスがボックスに衝突している場合、マウスボタンがマウスのxとyに下がっている間、ボックスは移動します。

はっきりしているといいのですが。

助けてくれてありがとう

平和！

これが私がそれを機能させる方法です：

助けてくれてありがとう！

平和！

スレッドスレッドが実行されているとき（レコードをクリックした後）、スレッドが開始されたときのマウスの位置のみが表示されますか？フレーム内でマウスを動かしても、マウスがどこにあるかを表示して、常に更新するにはどうすればよいですか？

javascript/jquery (キャンバスではなく DOM ベース) である種のドラッグ アンド ドロップ アプリを構築しています。

アイデアは、3D シーン (3D で回転した div) で div をドラッグできるようにすることです。

2D プランで動作します。問題は、シーンを 3D で回転させると、オブジェクトの位置が実際のマウスの位置を反映せず、座標が 3D に変換されることです。

図示例：

JSFIDDLE の例

マウスの絶対位置を基準にしてオブジェクトを移動させたい。

私はこのようにマウスの位置を計算します:

初期の解決策は、初期位置に基づいてマウスの位置とオブジェクトの差を計算し、ドラッグ中にオブジェクトの位置に加算することでした。動作していましたが、アニメーションは途切れ途切れで、まったくスムーズではありませんでした。

3D プランに対するマウス座標を取得するもっと簡単な方法があると確信していますが、現時点では実際の解決策を見つけることができませんでした。

この件に関する検索結果のほとんどは、ゲーム指向の言語、または canvas/webgl に関する質問を示しています。

何か案は ？

ありがとう

ユースケースに一致する例を探しましたが、見つかりませんでした。カメラを考慮して、画面のマウス座標を3Dワールド座標に変換しようとしています。

私が見つけた解決策はすべて、オブジェクトの選択を実現するために光線の交差を行います。

私がやろうとしているのは、Three.jsオブジェクトの中心を、マウスが現在「上」にある座標に配置することです。

私のカメラはx：0、y：0、z：500にあり（シミュレーション中に移動しますが）、すべてのオブジェクトはz = 0にあり、xとyの値が変化するため、X、Yベースの世界を知る必要があります。マウスの位置に続くオブジェクトに対してaz=0と仮定した場合。

この質問は同様の問題のように見えますが、解決策はありません。THREE.jsの3D空間に関連するマウスの座標を取得する

画面上のマウスの位置が「左上=0、0|右下=window.innerWidth、window.innerHeight」の範囲である場合、Three.jsオブジェクトをマウスの座標に移動するためのソリューションを提供できる人は誰でもいます。 z = 0に沿って？

ユーザーがマウスを上に移動すると、ヒントが表示されますTDbStringGrid。ほとんど機能しますが、ヒントが左に高く表示されます。

私のOnMouseMoveでは、X と Y を受け取ります。これは絶対的な画面コーディネイトだと思いますがdbGrid.MouseCoord(X, Y)、DB グリッド内のポイントを取得するために使用できます。

を使ってヒントを表示Application.ActivateHint()すると、左側の高い位置に表示されます。

私が間違っていることは何ですか？

http://www.flotcharts.org/を使用して、ズーム/パン機能を備えた複雑な散布図グラフィックを実現するために、特定の座標にマウスの位置を設定したいと思います（例：ズームインするときに、カーソルを配置したいキャンバスの中央にあります）。

この関数は機能しません。

とについてmouseXPos、mouseYPosfirebugは言う：TypeError：placeholder.mouseXPosは関数ではありません

だから私の質問は：javascriptまたはjqueryにグラフィック領域内にマウス座標を設定する方法がありますか？

マウスのすべての位置が(-1, 1)window spaceに変換されることをどのように判断できますか (これは使用するのに適切な用語ではありません)。OGL spaceこの場合、ユーザーはマウスを非常に速く動かします。これは、以前の位置がすべてOGL 座標に変換されていることを前提としています。私が言おうとしているのは...私のC++ OGL coordinates converter計算コストが非常に高い場合でも、一般的なCPUはそれを実行するのに十分な速度です(以前のすべてのイベントを追跡するため)? そこに非常に時間のかかるループを入れたとしましょう。または..非常に高速method()です。マウスを十分速く動かした場合に、OGL 座標がスキップされないようにするにはどうすればよいですか? ここで結論を急ぐつもりはありません。

編集：

私のプログラムのメインループは次のようなものです(疑似コード):

これらは実行される別々のスレッドです (しかし、実際には実際のスレッドではありません) 次に、新しいスレッドを (10, 10) にmouse.pos = (0, 0)するのに十分な速さでマウスを動かしたとします。mouse.posループの 1 回の実行で、マウスの位置が以前の位置から大きく変化しました。Bresenham's line algorithmさて、クリスチャン・ラウが述べたように、そのアルゴリズムによって生成された値（追跡されていない）がマウスによって交差されたことを実装することによって、プログラムにどのように伝えることができますか。それらすべての位置にステップするための別のループを追加しますか?