Three.js-単純な右クリックコンテキストメニューの追加

Gerhardus Carinus

Three.jsのシーンに右クリックのコンテキストメニューを追加するのに本当に苦労しています。問題は、ページのヘッダーにもいくつかのHTMLスライダーがあり、次の行を追加すると、スライダーが機能しなくなることです。

document.addEventListener('mousemove', onDocumentMouseMove, false);
document.addEventListener('mousedown', onMouseDown, false);

また、私が見た例では、シーン内の特定のオブジェクトを右クリックすることに焦点が当てられていました。シーンの任意の場所を右クリックするとメニューがポップアップする単純なソリューションが必要です。

誰かが私にそのような例を教えてもらえますか?

ありがとう!

マルキッツォ

でイベントリスナーをドキュメント全体に割り当てるdocument.addEventListener('mousemove', onDocumentMouseMove, false);と、スライダーを使用しようとしたときに望ましくない結果が生じる可能性があります。おそらく、リスナーをキャンバスだけに割り当てる必要があります。これは、はるかに詳細で、HTMLドキュメント全体を網羅していません。

renderer.domElement.addEventListener('mousemove', onDocumentMouseMove, false);

あなたはドキュメントで.domElement見ることができます<canvas>それであなたのスライダーはこれらのリスナーによって影響されるべきではありません。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Three.jsの単純なパーティクルアニメーション

分類Dev

d3.js要素を右クリック:ブラウザのコンテキストメニューが表示されないようにする方法

分類Dev

右クリックではなく左クリックでD3.jsコンテキストメニューを開く方法

分類Dev

THREE.jsの単一メッシュの複数のUV /テクスチャ

分類Dev

Three.jsのインタラクティブメッシュ

分類Dev

THREE.jsのParametricBufferGeometry

分類Dev

Three.jsの例

分類Dev

Three.js | 動的テキストジオメトリを3Dメッシュに追加できません

分類Dev

ロードされたSTLメッシュ(CUBE ETCのような単純な形状ではない)をランダムな粒子で塗りつぶし、three.jsでバインドされたこのジオメトリでアニメーション化する方法

分類Dev

Three.jsが100キューブアニメーションでクラッシュする

分類Dev

Three.js-THREE.Pointsの透明なキャンバステクスチャマップのdepthWriteとdepthTest

分類Dev

Blenderからthree.jsへのテクスチャ付きの単純なモデルのエクスポート

分類Dev

キャンバスがフルスクリーンでないときにthree.jsのオブジェクトをクリックするr74

分類Dev

マウスの右クリックでp5.jsは、描画機能ではなくブラウザのコンテキストメニューを表示します

分類Dev

three.js:WebGL:INVALID_OPERATION:bindTexture:このコンテキストからではないオブジェクト

分類Dev

Reactのthree.js-THREE.ShaderTerrainがない

分類Dev

Three.jsシリンダーのセグメントへのアクセス

分類Dev

Three.jsはメッシュテクスチャ(画像)をストレッチしません-コンテナをカバーするようにします

分類Dev

three.jsのテクスチャアップデート

分類Dev

three.jsでコンテキストとキャンバスを完全にクリーンアップする方法

分類Dev

単純なメッシュを表示したいときに、Three.js が単純な立方体を表示しないレンダリング

分類Dev

THREE.ObjectLoaderでThree.jsエラー

分類Dev

Three.jstranslateZ値の取得[three.js]

分類Dev

メッシュの代わりにthree.jsスキンポイント

分類Dev

three.jsコピーメッシュロードオブジェクトJavaScript

分類Dev

Three.jsでキャンバスクリックにのみ適用されるテクスチャ

分類Dev

コンテナ内のthree.jsレイキャスター

分類Dev

Three.jsのColadaテクスチャエクスポート

分類Dev

Three.js-ポイント

Related 関連記事

  1. 1

    Three.jsの単純なパーティクルアニメーション

  2. 2

    d3.js要素を右クリック:ブラウザのコンテキストメニューが表示されないようにする方法

  3. 3

    右クリックではなく左クリックでD3.jsコンテキストメニューを開く方法

  4. 4

    THREE.jsの単一メッシュの複数のUV /テクスチャ

  5. 5

    Three.jsのインタラクティブメッシュ

  6. 6

    THREE.jsのParametricBufferGeometry

  7. 7

    Three.jsの例

  8. 8

    Three.js | 動的テキストジオメトリを3Dメッシュに追加できません

  9. 9

    ロードされたSTLメッシュ(CUBE ETCのような単純な形状ではない)をランダムな粒子で塗りつぶし、three.jsでバインドされたこのジオメトリでアニメーション化する方法

  10. 10

    Three.jsが100キューブアニメーションでクラッシュする

  11. 11

    Three.js-THREE.Pointsの透明なキャンバステクスチャマップのdepthWriteとdepthTest

  12. 12

    Blenderからthree.jsへのテクスチャ付きの単純なモデルのエクスポート

  13. 13

    キャンバスがフルスクリーンでないときにthree.jsのオブジェクトをクリックするr74

  14. 14

    マウスの右クリックでp5.jsは、描画機能ではなくブラウザのコンテキストメニューを表示します

  15. 15

    three.js:WebGL:INVALID_OPERATION:bindTexture:このコンテキストからではないオブジェクト

  16. 16

    Reactのthree.js-THREE.ShaderTerrainがない

  17. 17

    Three.jsシリンダーのセグメントへのアクセス

  18. 18

    Three.jsはメッシュテクスチャ(画像)をストレッチしません-コンテナをカバーするようにします

  19. 19

    three.jsのテクスチャアップデート

  20. 20

    three.jsでコンテキストとキャンバスを完全にクリーンアップする方法

  21. 21

    単純なメッシュを表示したいときに、Three.js が単純な立方体を表示しないレンダリング

  22. 22

    THREE.ObjectLoaderでThree.jsエラー

  23. 23

    Three.jstranslateZ値の取得[three.js]

  24. 24

    メッシュの代わりにthree.jsスキンポイント

  25. 25

    three.jsコピーメッシュロードオブジェクトJavaScript

  26. 26

    Three.jsでキャンバスクリックにのみ適用されるテクスチャ

  27. 27

    コンテナ内のthree.jsレイキャスター

  28. 28

    Three.jsのColadaテクスチャエクスポート

  29. 29

    Three.js-ポイント

ホットタグ

アーカイブ