Threejs进阶之九:让模型沿着指定轨迹移动与转向

上一次我们创建了蓝天大海,并且将一个游轮模型添加到了大海中,这一节我们让游轮按照指定轨迹移动,移动的过程中实现自动转向;先看下最终效果

要实现模型沿着轨迹运动,需要以下几个步骤
(1)创建一个轨迹曲线
(2)编写物体沿轨迹运动的方法
(3)在渲染函数中调用上面的方法,实现物体的移动

具体实现方法如下

创建轨迹曲线

创建曲线轨迹我们这里使用了CatmullRomCurve3类,CatmullRomCurve3 类使用Catmull-Rom算法, 从一系列的点创建一条平滑的三维样条曲线

CatmullRomCurve3的构造函数

CatmullRomCurve3( points : Array, closed : Boolean, curveType : String, tension : Float )
points – Vector3点数组
closed – 该曲线是否闭合,默认值为false。
curveType – 曲线的类型,默认值为centripetal。
tension – 曲线的张力,默认为0.5。

重要属性

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

.closed : Boolean
当该值为true时,曲线将会闭合&#

你可能感兴趣的:(ThreeJS,算法,javascript,html5,前端)