three.jsを使用して個々のSTL構造を3Dビューアにロードし、3Dビューアで個々の構造をクリックできるようにしたいのですが、その特定の構造の名前タグがonMouseClickまたはonMouseOverに表示されます。
それは、その特定のオブジェクトの座標点、またはそのオブジェクトの総表面積と関係があると思います。次に、onMouseClick eventHandlerを使用してウィンドウを作成しますが、よくわかりません。
私が見ることができるサンプルまたはオープンソースコードはありますか？
ありがとう！！
examplesフォルダにある衝突検出の例を確認してください。おそらくwebgl_interactive_cubes.htmlがあなたが求めているものです：http： //mrdoob.github.com/three.js/examples/webgl_interactive_cubes.html
これにより、マウスの背後にある要素を見つける方法がわかります。
内部でどのように機能するかについてもう少し知りたい場合は、three.jsを使用してオブジェクトを選択するチュートリアルも作成しました： http：//soledadpenades.com/articles/three-js-tutorials/object-picking/
次に、-mousemoveまたはmouseclickイベントからマウスがどこにあるかはすでにわかっています-スパンなどを作成し、cssのleftプロパティとtopプロパティを使用してその位置に配置します。