使用three.js创建逼真的功能区的最佳方法是什么

Question

我尝试使用CatmullRomCurve3和TubeBufferGeometry（具有2个面），但是该曲线不真实。

            var path = new THREE.CatmullRomCurve3( [
            new THREE.Vector3( -50, 0, 0 ),
            new THREE.Vector3( 0, 0, 0 ),
            new THREE.Vector3( 0, 0, 50 ),
            new THREE.Vector3( 0, 50, 50 ),
              ] );

            tubeGeometry = new THREE.TubeBufferGeometry( path, segments, largeur, 2, params.closed );

还有其他方法吗，或者我可以旋转Vector3

我想做这样的事情：