Javascript Three.js在单击事件后沿路径移动摄影机
过去。。。在Three.js中,我花了很多时间尝试、搜索并阅读了如何让相机沿着路径移动。我就是找不到它,或者我已经饱和了,看不到答案,即使它咬了我的脸 我想要的不是那么难。我在3D空间中有几个类似图标的东西,我希望能够点击它们。我有三倍的扩展,所以这部分很好。现在,相机沿预定路径平滑移动的部分,连同其注视Y轴,使其面向下一个“图标” 我的第一种方法是使用贝塞尔曲线创建一条路径,并了解如何使其中一条曲线略微向上呈螺旋形,然后了解如何在单击事件后沿该路径设置摄影机动画。我仍然很难找到一条简单的向上弯曲的道路,更不用说后面令人生畏的部分了 我在正确的轨道上吗?如果是这样的话,我该如何创建这样的路径?或者我应该做一条规则的贝塞尔曲线,然后旋转和编辑它,直到它符合我的需要?最后,我如何使相机以(短)动画、平滑的运动跟随路径 提前谢谢 看看这个链接: 它解释了曲线计算,包括您希望了解的变化。例如,bezier曲线对于动画来说不是一条好的曲线,因为它不会将彼此距离相等的点放置在前面,从而导致摄影机发生意外的速度变化Javascript Three.js在单击事件后沿路径移动摄影机,javascript,animation,camera,three.js,Javascript,Animation,Camera,Three.js,过去。。。在Three.js中,我花了很多时间尝试、搜索并阅读了如何让相机沿着路径移动。我就是找不到它,或者我已经饱和了,看不到答案,即使它咬了我的脸 我想要的不是那么难。我在3D空间中有几个类似图标的东西,我希望能够点击它们。我有三倍的扩展,所以这部分很好。现在,相机沿预定路径平滑移动的部分,连同其注视Y轴,使其面向下一个“图标” 我的第一种方法是使用贝塞尔曲线创建一条路径,并了解如何使其中一条曲线略微向上呈螺旋形,然后了解如何在单击事件后沿该路径设置摄影机动画。我仍然很难找到一条简单的向上弯
在链接处,讨论从一个quit math解释程序开始,提供伪代码,然后展示如何使用相同初始数学的变体导出几种流行的曲线类型。这将延续到TCB:张力、连续性和偏移曲线,这些曲线为您提供了相机所需的良好控制类型 看看这个three.js示例:哦,哇,我怎么会错过这个呢?谢谢