Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Three.js在单击事件后沿路径移动摄影机_Javascript_Animation_Camera_Three.js - Fatal编程技术网

Javascript Three.js在单击事件后沿路径移动摄影机

Javascript Three.js在单击事件后沿路径移动摄影机,javascript,animation,camera,three.js,Javascript,Animation,Camera,Three.js,过去。。。在Three.js中,我花了很多时间尝试、搜索并阅读了如何让相机沿着路径移动。我就是找不到它,或者我已经饱和了,看不到答案,即使它咬了我的脸 我想要的不是那么难。我在3D空间中有几个类似图标的东西,我希望能够点击它们。我有三倍的扩展,所以这部分很好。现在,相机沿预定路径平滑移动的部分,连同其注视Y轴,使其面向下一个“图标” 我的第一种方法是使用贝塞尔曲线创建一条路径,并了解如何使其中一条曲线略微向上呈螺旋形,然后了解如何在单击事件后沿该路径设置摄影机动画。我仍然很难找到一条简单的向上弯

过去。。。在Three.js中,我花了很多时间尝试、搜索并阅读了如何让相机沿着路径移动。我就是找不到它,或者我已经饱和了,看不到答案,即使它咬了我的脸

我想要的不是那么难。我在3D空间中有几个类似图标的东西,我希望能够点击它们。我有三倍的扩展,所以这部分很好。现在,相机沿预定路径平滑移动的部分,连同其注视Y轴,使其面向下一个“图标”

我的第一种方法是使用贝塞尔曲线创建一条路径,并了解如何使其中一条曲线略微向上呈螺旋形,然后了解如何在单击事件后沿该路径设置摄影机动画。我仍然很难找到一条简单的向上弯曲的道路,更不用说后面令人生畏的部分了

我在正确的轨道上吗?如果是这样的话,我该如何创建这样的路径?或者我应该做一条规则的贝塞尔曲线,然后旋转和编辑它,直到它符合我的需要?最后,我如何使相机以(短)动画、平滑的运动跟随路径

提前谢谢

看看这个链接:

它解释了曲线计算,包括您希望了解的变化。例如,bezier曲线对于动画来说不是一条好的曲线,因为它不会将彼此距离相等的点放置在前面,从而导致摄影机发生意外的速度变化


在链接处,讨论从一个quit math解释程序开始,提供伪代码,然后展示如何使用相同初始数学的变体导出几种流行的曲线类型。这将延续到TCB:张力、连续性和偏移曲线,这些曲线为您提供了相机所需的良好控制类型

看看这个three.js示例:哦,哇,我怎么会错过这个呢?谢谢