2017-04-23 13 views
1

私はちょうどthree.jsライブラリを見つけました。私はリアルタイムで三角形の形状を変更できるように、頂点に手を保持する2次元三角形を定義することでそれを使い始めたいと思います。 three.jsでこれをどのようにすることができますか? Three.jsコレクションでの素敵な例がありthree.jsで変更可能な三角形

+0

「ハンド保持」とは何ですか? – pailhead

+0

オブジェクトの形を変形するためにドラッグするスポットです。 http://www.thefreedictionary.com/handhold – MarkokraM

+1

http://threejs.org/examples/webgl_geometry_spline_editor.htmlを参照してください。 – WestLangley

答えて

2

https://threejs.org/examples/webgl_interactive_raycasting_points.html

はレイキャスティングを使用すると、単純に三角形を持つ例ジオメトリを置き換え、任意の時点で交差しているかの頂点についての情報を得ることができます。

ユーザーがクリックして頂点と交差すると、マウスの位置を追跡してそれに応じて頂点を移動することができます。単純な2Dビューを使用している場合はキャンバス座標を使用できますが、キャンバス座標を使用することはできません。背景には見えない平面があり、ここでデモした3Dベクトルを見つけることができます(DragControls.js):https://threejs.org/examples/webgl_interactive_draggablecubes.html