Threejs绘制方形管道

        之前有用Threejs的TubeGeometry绘制管道效果，但是TubeGeometry的管道效果默认是圆形的截面，这节实现方形截面的管道绘制。

        因为Threejs不提供方形截面的管道，所以使用的是绘制截面，然后拉伸的方式，所以需要先绘制一个方形，当然在此之前还是要先创建一个场景，包括灯光，相机，渲染器等，之前章节已有过就不再贴代码了，下面先通过Shape创建一个截面

const shape = new THREE.Shape();// 创建形状
shape.moveTo(0, 0);
shape.lineTo(2, 0);
shape.lineTo(2, 2);
shape.lineTo(0, 2);
shape.lineTo(0, 0);

        然后用CatmullRomCurve3绘制出曲线，也是后面轨道的轨迹，

 const curve = new THREE.CatmullRomCurve3([
        new THREE.Vector3( -10, -50, -50 ),
        new THREE.Vector3( 10, 0, 0 ),
        new THREE.Vector3( 8, 50, 50 ),
        new THREE.Vector3( -5, 0, 100)
      ]);

通过ExtrudeGeometry拉伸的方法，将shape截面和曲线curve传入后，进行拉伸，并设置路径的精度，就可以得到一个几何体geometry，再添加一个材质，创建网格模型，添加到场景中。就可以得到下面的3D模型，

const geometry = new THREE.Extrud