three.jsの一連の3Dポイントから3Dポリゴンを作成するにはどうすればよいですか？

Question

three.jsに3D点の配列があれば、カスタム3Dポリゴンを生成する最適な方法は何でしょうか。穴のない単純なポリゴンです。点は、隣接する頂点を表すように順序付けられます。 I can do it in 2D, but I don't want the vertices to be coplanar. ありがとうございます！

Answer 1

 var geo = new THREE.Geometry(); 
    var mat = new THREE.MeshBasicMaterial(); 
    var middlePoint = new THREE.Vector3(); 
    for(var i=0;i<dots.length;i++){ 
     middlePoint.add(dots[i].position) 
     geo.vertices.push(new THREE.Vector3(dots[i].x,dots[i].y,dots[i].z)); 
    } 
    middlePoint.divideScalar(dots.length); 
    geo.vertices.push(middlePoint); 

    for(var i=0;i<dots.length;i++){ 
     middlePoint.add(dots[i].position) 
     if(i >0){ 
      geo.faces.push(new THREE.Face3(geo.vertices.length-1,dots[i],dots[i-1])); 
     } 
    } 

    var mesh = new THREE.Mesh(geo,mat); 

Answer 2

ここでの主な問題は、複数のポイントから3Dメッシュを作成する方法です。言い換えれば、三角形を形成するためにどの頂点を接続するかを理解する必要があります。

これは驚くほど複雑なことです（少なくとも私は驚いたことです）、それについては数多くの科学論文、図書館などがあります。

しかし、あなたの場合は、頂点がどのように接続されるべきかをあなたがすでに知っているので、少し単純です。 earcut-libraryまたはlibtess.jsをご覧ください。どちらも必要な三角形分割を作成できるはずです。

これを取得したら、結果からジオメトリを作成する方法についておおよそ@lior-trau'sの推奨事項に進むことができます。