Giz*_*rah 5 javascript animation camera three.js
对于过去......很多个小时,我已经尝试过,搜索并阅读了如何让摄像机沿着Three.js中的路径移动.我似乎无法找到它,或者我已经饱和,无法看到答案,即使它让我脸红了.
我想要的并不是那么难.我在3D空间中有几个类似于图标的东西,我希望能够点击它.我有它的THREEx扩展,所以这部分很好.现在是摄像机沿预定路径平滑移动的部分,以及它的外观Y轴,使其面向下一个"图标".
我的第一种方法是使用贝塞尔曲线制作一条路径,并找出如何使其中一条螺旋形状略微向上,然后找出如何在点击事件后沿着该路径动画相机.我仍然坚持 - 努力 - 试图找出如何制作一条向上弯曲的简单路径,更不用说之后的令人生畏的部分了.
我在正确的轨道上吗?如果是这样,我该如何制作这样的路径?或者我应该制作一个常规的贝塞尔曲线并旋转和编辑它,直到它符合我的需要?最后,我如何使相机沿着(短)动画,平滑运动的路径行进?
提前致谢!
看看这个链接: http: //cubic.org/docs/hermite.htm
它解释了曲线计算,包括您需要注意的变化。例如,贝塞尔曲线对于动画来说并不是一条好的曲线,因为它不会丢弃彼此距离相等的点,从而导致相机出现意外的速度变化。
在链接中,讨论从退出数学解释器开始,提供伪代码,然后展示如何使用相同初始数学的变体导出几种流行类型的曲线。这继续到 TCB:张力、连续性和偏差曲线,它为您提供了您想要的相机所需的良好控制类型。
| 归档时间: |
|
| 查看次数: |
3246 次 |
| 最近记录: |