Threejs：用开始半径和结束半径绘制弯头

Question

我是 Threejs 的新手。我正在尝试使用curve_radius 和angle 沿着曲线路径绘制具有不同begin_radius 和end_radius 的肘部，但是无法获得结果。

• CylinderGeometry 有 begin_radius 和 end_radius 但没有曲线路径
• TorusGeometry 有curve_radius 和angle 但没有begin_radius 和end_radius，也不是实心的。
• LatheGeometry 与 CylinderGeometry 具有相同的限制
• ExtrudeGeometry 与 TorusGeometry 具有相同的限制
• TubeGeometry 与 TorusGeometry 具有相同的限制

可能我忽略了上述几何形状。请指导一些方法。

--编辑：2020 年 6 月 1 日--

https://jsfiddle.net/arundhaj/ysfr8jb0 我设法扩展TubeGeometry 以实现可变半径。但是仍然无法使其坚固。 我从CylinderGeomery 中使用generateCap 函数在弧的开始和结束处添加上限。当我只添加一个帽子时效果很好，但是如果我同时添加两个帽子，形状就会变形。

请帮忙。

Answer 1

在我看来，我认为最好的解决方案是自定义一个thorus 几何体，使其至少具有begin_radius 和end_radius 参数。

您可以做的是使用original file 并用其中的渐变定义替换静态radius 参数：

for ( j = 0; j <= radialSegments; j ++ ) {

      for ( i = 0; i <= tubularSegments; i ++ ) {

          var u = i / tubularSegments * arc;          
          var v = j / radialSegments * Math.PI * 2;

          // vertex

          vertex.x = ( radius + tube * Math.cos( v ) ) * Math.cos( u );
          vertex.y = ( radius + tube * Math.cos( v ) ) * Math.sin( u );
          vertex.z = tube * Math.sin( v );

          vertices.push( vertex.x, vertex.y, vertex.z );

          // normal

          center.x = radius * Math.cos( u );          
          center.y = radius * Math.sin( u );          
          normal.subVectors( vertex, center ).normalize();

          normals.push( normal.x, normal.y, normal.z );

          // uv

          uvs.push( i / tubularSegments );            
          uvs.push( j / radialSegments );

      }

  }

剩下的问题就是要了解如何正确增加正确的参数，您必须进行一些测试以了解需要更改哪些参数。