CatmullRomCurve3

优质
小牛编辑
143浏览
2023-12-01

使用Catmull-Rom算法, 从一系列的点创建一条平滑的三维样条曲线。

代码示例

//Create a closed wavey loop
const curve = new THREE.CatmullRomCurve3( [
  new THREE.Vector3( -10, 0, 10 ),
  new THREE.Vector3( -5, 5, 5 ),
  new THREE.Vector3( 0, 0, 0 ),
  new THREE.Vector3( 5, -5, 5 ),
  new THREE.Vector3( 10, 0, 10 )
] );
const points = curve.getPoints( 50 );
const geometry = new THREE.BufferGeometry().setFromPoints( points );
const material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
// Create the final object to add to the scene
const curveObject = new THREE.Line( geometry, material );

例子

WebGL / geometry / extrude / splines

构造函数

CatmullRomCurve3( points : Array, closed : Boolean, curveType : String, tension : Float )

points – Vector3点数组
closed – 该曲线是否闭合,默认值为false。
curveType – 曲线的类型,默认值为centripetal
tension – 曲线的张力,默认为0.5

属性

共有属性请参见其基类Curve

.points : Array

定义了这一曲线的Vector3点数组,数组中至少需要两个点。

.closed : Boolean

当该值为true时,曲线将会闭合(环回自身)。

.curveType : String

可能的值为centripetalchordalcatmullrom

.tension : Float

.curveTypecatmullrom时,定义catmullrom的张力。

方法

共有方法请参见其基类Curve

源代码

src/extras/curves/CatmullRomCurve3.js