javascript - Camera not tracing the path properly -
i followed this example in three.js . in example camera , curve mesh added object 3d .
in case not doing it,since need place mesh on dynamically created texture .
the issue facing here , curve made added scene, camera not tracing path properly. have copied code animating splinecamera in animate function , made changes . please have to
my code
a portion of code in animate function
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);
whether missing anything
Comments
Post a Comment