Three.js单击事件后沿路径移动摄像机

Giz*_*rah 5 javascript animation camera three.js

对于过去......很多个小时,我已经尝试过,搜索并阅读了如何让摄像机沿着Three.js中的路径移动.我似乎无法找到它,或者我已经饱和,无法看到答案,即使它让我脸红了.

我想要的并不是那么难.我在3D空间中有几个类似于图标的东西,我希望能够点击它.我有它的THREEx扩展,所以这部分很好.现在是摄像机沿预定路径平滑移动的部分,以及它的外观Y轴,使其面向下一个"图标".

我的第一种方法是使用贝塞尔曲线制作一条路径,并找出如何使其中一条螺旋形状略微向上,然后找出如何在点击事件后沿着该路径动画相机.我仍然坚持 - 努力 - 试图找出如何制作一条向上弯曲的简单路径,更不用说之后的令人生畏的部分了.

我在正确的轨道上吗?如果是这样,我该如何制作这样的路径?或者我应该制作一个常规的贝塞尔曲线并旋转和编辑它,直到它符合我的需要?最后,我如何使相机沿着(短)动画,平滑运动的路径行进?

提前致谢!

Bla*_*ner 0

看看这个链接: http: //cubic.org/docs/hermite.htm

它解释了曲线计算,包括您需要注意的变化。例如,贝塞尔曲线对于动画来说并不是一条好的曲线,因为它不会丢弃彼此距离相等的点,从而导致相机出现意外的速度变化。

在链接中,讨论从退出数学解释器开始,提供伪代码,然后展示如何使用相同初始数学的变体导出几种流行类型的曲线。这继续到 TCB:张力、连续性和偏差曲线,它为您提供了您想要的相机所需的良好控制类型。