7

目的は、マウスをメッシュの上に置いたときに、Three.Mesh の名前をラベルとして表示することです。Three.js でこれを行う方法

誰かがサンプルコードを与えることができますか?

4

1 に答える 1

33

勝負を受けて立つ！

実際のコード例: http://stemkoski.github.com/Three.js/Mouse-Tooltip.html

この目標には 3 つの主要なステップがあるようです。それぞれのステップを小さなサンプル プログラムに分割しました。

(1) マウスが置かれているシーン要素を特定します。参照: http://stemkoski.github.com/Three.js/Mouse-Over.html

(2) 表示したいテキストを画像としてレンダリングします (これには canvas 要素を使用しました)。参照: http://stemkoski.github.com/Three.js/Texture-From-Canvas.html

(3) マウスポインターの位置に (2) の画像を含むスプライトを描画します。参照: http://stemkoski.github.com/Three.js/Mouse-Sprite.html

これらすべての例 (およびその他) は、 http: //stemkoski.github.com/Three.js/にある導入例 (詳細なコメント付き) のコレクションの一部であり、Three.js の可能性を紹介しようとしています。一連の最小限の例で。

また、当然のことですが、パート (1) と (3) は、彼の github ページにある MrDoob の例、特にインタラクティブ キューブの例に基づいています: http://mrdoob.github.com/three.js/examples/webgl_interactive_cubes .html

于 2012-07-15T22:14:36.750 に答える