Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.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
Three.js 如何使用OrbitControl进行无限制旋转_Three.js - Fatal编程技术网

Three.js 如何使用OrbitControl进行无限制旋转

Three.js 如何使用OrbitControl进行无限制旋转,three.js,Three.js,现在我使用的是轨道控制,我只能上下旋转180度。在另一个方向,我可以永远旋转,我想这是z方向。不管怎样,我怎样才能使它在所有旋转方向上都是无限的呢 这是我的代码,我尝试了无限和无限: this.scene_threeD = new THREE.Scene(); this.camera_threeD = new THREE.PerspectiveCamera( 75, width_threeD / height_threeD, 0.1, 1000 ); this.renderer_threeD =

现在我使用的是轨道控制,我只能上下旋转180度。在另一个方向,我可以永远旋转,我想这是z方向。不管怎样,我怎样才能使它在所有旋转方向上都是无限的呢

这是我的代码,我尝试了无限和无限:

this.scene_threeD = new THREE.Scene();
this.camera_threeD = new THREE.PerspectiveCamera( 75, width_threeD / height_threeD, 0.1, 1000 );
this.renderer_threeD = new THREE.WebGLRenderer({ canvas: threeDCanvas,
                               preserveDrawingBuffer: true,
                               antialias: true });
this.renderer_threeD.setSize( width_threeD, height_threeD);
controls = new THREE.OrbitControls(this.camera_threeD, this.renderer_threeD.domElement);
        controls.maxPolarAngle = Infinity;
        controls.minPolarAngle = -Infinity;
        controls.maxAzimuthAngle = Infinity;
        controls.minAzimuthAngle=-Infinity;
        controls.update();
“轨道相机”的问题在于(根据定义),它总是试图使相机“向上”指向上方。这意味着当您向上或向下直视时,相机方向未定义。这就是three.js实现makeSafe()方法的原因,该方法将极轴角度保持在+/-90度范围内

如果取消此限制,您可能会看到相机在通过90度角(或更糟)时立即翻转方向。这通常是应用程序中不希望出现的行为

总之:如果你想要无限旋转,你就不要轨道相机。这不是技术上的限制,而是概念上的限制。

轨道相机的问题在于(根据定义),它总是试图使相机“向上”指向上方。这意味着当您向上或向下直视时,相机方向未定义。这就是three.js实现makeSafe()方法的原因,该方法将极轴角度保持在+/-90度范围内

如果取消此限制,您可能会看到相机在通过90度角(或更糟)时立即翻转方向。这通常是应用程序中不希望出现的行为


总之:如果你想要无限旋转,你就不要轨道相机。这不是技术上的限制,而是概念上的限制。

three.js中有。three.js中有。感谢您的解释,它现在有意义了。你有关于旋转物体的资源吗?谢谢你的解释,现在有意义了。你有没有关于旋转物体的资源?