threejs---相机沿着自定义轨道移动，实现场景漫游效果.pdfVIP

threejs相机沿着⾃定义轨道移动，实现场景漫游效果 效果图： 说明： 1、本⽂章只提供轨道⽣成和相机沿轨道移动的实现⽅法，不提供效果图的完整代码 2、本⽂章暂不介绍机器⼈的渲染和跟随相机的移动显⽰，感兴趣的可以⾃⾏实现。思路是机器⼈的位 置放在相机N个点位之前，运动原理和相机移动⼀样。且机器⼈的lookAt要指向所在位置的前⼀个点 位，否则机器⼈在转弯时只是⽣硬平移，头部朝向不会跟随转弯⽽改变！ 1、⽣成⾃定义轨道 methods ： createLine(){ //创建样条曲线，作为运动轨迹 this.curve =new THREE.CatmullRomCurve3([ new THREE.Vector3( ⾃定义x, ⾃定义y, ⾃定义z), new THREE.Vector3( ⾃定义x, ⾃定义y, ⾃定义z), new THREE.Vector3( ⾃定义x, ⾃定义y, ⾃定义z), ... ]) const geometry =new THREE.BufferGeometry().setFromPoints(this.curve.getPoints(5000)) // 材质对象 var material =new THREE.LineBasicMaterial({ color:red }) // 线条模型对象 va