1. 首页
  2. three.js

three.js自动平移场景时出现问题(动态观察控件)

你好,我是新来的Three.js并开始使用轨道控制来实现场景的平移效果。我通过使用鼠标在场景中拖动来实现平移;但是,我也想尝试通过设置摄影机X和Y位置的动画来自动平移。我添加了一个new THREE.Clock()并尝试通过var> However, the camera rotates the scene and then doesn\”t move. If I animate the camera Z position instead, then it works as intended by moving in the Z direction camera.position.x>nHere is a demo I put together to demonstrate what I mean: https://codesandbox.io/s/gracious-greider-xwshi?fontsize=>nIf you comment out line 143 in the index.js file, it animates in the Z direction, but if you comment out line 144 instead, the scene just rotates and doesn\”t move. I had to add camera.up.set(0, 0, 1);来制作动画,以使“轨道控制”平移功能平行于屏幕移动,我不确定这是否是导致相机X和Y方向混乱的因素。n非常感谢!!!我很想知道如何使相机的X和Y变换工作。由Mugen87在第2篇文章中解决。使用比特控制时,不允许手动调节相机的位置。请记住,平移是通过更改轨道控件的焦点来工作的,轨道控件的焦点由轨道控制目标. 控制装置确保摄像机始终处于与……有一定偏移的位置。n当使用OrbitControls时,不允许手动调节摄像机的位置。请记住,平移是通过改变OrbitControls的焦点来工作的,焦点由轨道控制目标12这些控件确保相机始终处于与焦点有一定偏移的位置,并朝着它看。n尝试制作OrbitControls.target的动画,看看它是如何工作的。n非常感谢!!我通过更新控制目标设法解决了这个问题!!!n Issue with auto-panning a scene (Orbit Controls)n

three.js自动平移场景时出现问题(动态观察控件) 为WP2原创文章,链接:https://www.wp2.cn/three-js/three-js%e8%87%aa%e5%8a%a8%e5%b9%b3%e7%a7%bb%e5%9c%ba%e6%99%af%e6%97%b6%e5%87%ba%e7%8e%b0%e9%97%ae%e9%a2%98%ef%bc%88%e5%8a%a8%e6%80%81%e8%a7%82%e5%af%9f%e6%8e%a7%e4%bb%b6%ef%bc%89/