0

Three.js で SplineCurve を使用して塗りつぶされたポリゴンを作成する方法

Three.Shapeを作成するためにポイントリストをフィードしようとしましたが、「ポリゴンを三角形化できません」という三角形分割の問題のために機能しません。スプラインは、閉じることができるパスとしてではなく、曲線として機能することを知っています。下に示す画像のスプラインの下部を別の色で塗りつぶす方法はありますかスプライン付きボックス。

ボックスの裏側にスプラインをカットしたい。とにかく、カーブの下部と上部を異なるマテリアルまたは色で塗りつぶすことができますか?

ここでスプラインアプローチが良いかどうかはわかりません。そうでない場合は、私を修正してください

4

1 に答える 1

2

曲線 :

var line = new THREE.SplineCurve( 
                [

                  new THREE.Vector2( 30, 12),
                  new THREE.Vector2( 40, 20),
                  new THREE.Vector2( 60, 40),
                  new THREE.Vector2( 10, 60),
                  new THREE.Vector2( 25, 80)

                ]);

形 ：

var shape = new THREE.Shape(line.getSpacedPoints(100));

シェイプ ジオメトリとメッシュ :

var geometry = new THREE.ShapeGeometry( shape );

var mesh = THREE.SceneUtils.createMultiMaterialObject( geometry, [ new THREE.MeshLambertMaterial( { color: 0xeeeeee } )] );

2 番目に考えられる方法は、カスタム ジオメトリとカラー フェースを作成することです。Blenderで作成し、自分で頂点と面をエクスポートまたは追加できるカスタム ジオメトリ。

于 2013-03-02T16:37:49.750 に答える