Javascript 摄影机未正确跟踪路径

Javascript 摄影机未正确跟踪路径,javascript,three.js,Javascript,Three.js,我遵循three.js中的示例。 在该示例中,摄影机和曲线网格将添加到三维对象 在我的例子中,我没有这样做,因为我需要将网格精确地放置在动态创建的纹理上 我在这里面临的问题是,生成的曲线已成功添加到场景中,但摄影机没有正确跟踪路径。 我在animate函数中复制了为splineCamera设置动画的代码,并做了一些更改。请看一下 动画功能中的一部分代码是 var time = Date.now(); var looptime = 20 * 1000; var t = (time % loopt

我遵循three.js中的示例。 在该示例中,摄影机和曲线网格将添加到三维对象

在我的例子中,我没有这样做,因为我需要将网格精确地放置在动态创建的纹理上

我在这里面临的问题是,生成的曲线已成功添加到场景中,但摄影机没有正确跟踪路径。 我在animate函数中复制了为splineCamera设置动画的代码,并做了一些更改。请看一下

动画功能中的一部分代码是

var time = Date.now();
var looptime = 20 * 1000;
var t = (time % looptime) / looptime;
var pos = tube.parameters.path.getPointAt(t);
 pos.multiplyScalar(2);
var segments = tube.tangents.length;
 var pickt = t * segments;
 var pick = Math.floor(pickt);
 var pickNext = (pick + 1) % segments;
binormal.subVectors(tube.binormals[pickNext], tube.binormals[pick]);
binormal.multiplyScalar(pickt - pick).add(tube.binormals[pick]);
var dir = tube.parameters.path.getTangentAt(t);

 var offset = 15;

 normal.copy(binormal).cross(dir);
 pos.add(normal.clone().multiplyScalar(offset));

 splineCamera.position.copy(pos);
 var lookAt = tube.parameters.path.getPointAt((t + 30 /tube.parameters.path.getLength()) % 1).multiplyScalar(2);
 if (!lookAhead)
  lookAt.copy(pos).add(dir);
splineCamera.matrix.lookAt(splineCamera.position, lookAt, normal);
splineCamera.rotation.setFromRotationMatrix(splineCamera.matrix,splineCamera.rotation.order);
 Renderer.render(Scene, splineCamera);
我是否遗漏了什么