使用样条曲线制作填充多边形

Question

如何在Three.js中使用SplineCurve制作填充多边形

我曾试图提供点列表来制作一个Three.Shape，但它不起作用，因为三角测量的一些问题＆＃34;无法对三角形进行三角测量＆＃34;。我知道样条曲线不是曲线，而是可以闭合的路径。那么有什么方法可以用下面显示的图像填充样条曲线的下半部分。

我想要将样条切割到盒子的背面。无论如何，我可以用不同的材料或颜色填充曲线的下部和上部。

我不知道样条方法在这里很好。如果没有，请纠正我

Answer 1

曲线：

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 } )] );

第二种可能的方法是创建自定义几何体和颜色面。您可以使用Blender创建的自定义几何图形，并自行导出或添加顶点和面。