私はちょうど3.jsを学んでいます。キャンバス内で3DオブジェクトをクリックしてJavaScript関数をトリガーできるかどうかを調べようとしています。たとえば、特定のキューブをクリックすると、そのキューブに関する情報が別のウィンドウに表示されます。私はraycasterについて読んだことがありますが、3Dオブジェクトが通常のHTML DOM要素とやりとりすることに関する多くの情報はないようです。モデルデータに基づいて図形を動的に作成する必要があり、これらの図形はインタラクティブである必要があります。誰もこれを行う必要がある経験がありますか？私はそれが幾分異例かもしれないことを知っているが、私はこれが私がする必要があるかもしれないと思う。あなたの助けに感謝します。ありがとうございました！3.jsオブジェクトをDOM要素と対話させることはできますか？
質問することはできません。 Mouse events on each <g> tag of svg loaded on the material in threejs
また、上記のリンクを1としてhttp://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl
をチェック
まあ、ない非常に残念ながら... WebGLのは、canvas要素の内部3dがあり、キャンバスビューのhtmlページポイントからブラックボックスであります。 DOMイベントをキャンバス内にバインドすることはできません。キャンバスコンテンツを変更するスタイルシートは使用できません。あなたはキャンバスの中にDOM要素を置くことはできません。それら2人はお互いに話をしません。
私はCSS 3D変換を使用しようとしましたが、かなり制限があります。私は3jsのコントロールから利益を得ることができる3D CSSのシェイプを作成できたなら、このサンプルをhttp://jsfiddle.net/jeanlescure/7y9ozyj6/で見つけることができました。この例もあります： https://threejs.org/examples/css3d_periodictable.html 機能や制限について知っていますか？ありがとうございました。 – totallytypicalcow
「モデルデータに基づいて図形を動的に作成する必要があり、これらの図形をインタラクティブにする必要がある」と言えば、DOM要素との対話に必要なことは明らかではありません。 three.jsでそれを行う方法はありますか？ – aug
申し訳ありません。明確にするために、オブジェクトは寸法データ（L、W、H）から作成する必要があることを意味します。彼らはたいてい3次元の長方形です。 – totallytypicalcow