Three.js 相机仅聚焦在 Origin

Posted

技术标签:

【中文标题】Three.js 相机仅聚焦在 Origin【英文标题】:Three.js Camera is focusing Only at Origin 【发布时间】:2016-01-29 11:08:15 【问题描述】:

我已经在原点周围绘制了一条路径(线),我想沿着线移动相机。但相机始终面向原点。但根据我的项目规范,我必须沿着这条线的延续行驶。]

相机以正确的方式从 A 到 B 移动(camera.Position.set(x,y,z)。 但是当它从 B 到 C 和 C 到 D 等时,相机面向原点而不是线。我的要求是相机应该聚焦线而不是原点。

【问题讨论】:

【参考方案1】:

确保您的代码中没有这样的内容:

camera.target = new THREE.Vector3(0,0,0);
...
function render()
    ...
    camera.lookAt(camera.target);
    ...

在这种情况下,到达 B 点后,您应该将 C 点设为新的相机目标。

camera.target = pointC.position.clone();

【讨论】:

以上是关于Three.js 相机仅聚焦在 Origin的主要内容,如果未能解决你的问题,请参考以下文章

Three.js 进阶之旅:全景漫游-初阶移动相机版

Three.js-仅渲染场景背景,但不渲染几何图形

three.js Mesh 不根据方向显示矩形

Three.js 中的“THREE.OrbitControls”中的相机位置变化

Three.js用相机选择对象,没有鼠标

如何在 THREE.JS 中将对象放在相机前面?