三个JS:如何旋转物体而不是旋转相机?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了三个JS:如何旋转物体而不是旋转相机?相关的知识,希望对你有一定的参考价值。

在Three JS中,是否可以使用鼠标旋转对象而不是使用OrbitControls.js(https://threejs.org/docs/#examples/controls/OrbitControls)旋转相机谢谢。

答案

您可以收听'mousemove'事件并将增量应用于对象旋转。

这是一个非常简单易用的解决方案:

var canvas = renderer.domElement;
canvas.addEventListener('mousemove', onMouseMove);

function onMouseMove(event) {
  cube.rotation.y += event.movementX * 0.005;
}

http://jsfiddle.net/go2fhr3v/14/

以上是关于三个JS:如何旋转物体而不是旋转相机?的主要内容,如果未能解决你的问题,请参考以下文章

35three.js鼠标控制物体旋转缩放

Three.js如何让对象相对于另一个旋转?

请教directx 龙书中一个灵活的camera类 应用于物体的前进旋转 前进可以 但是旋转只是绕固定轴旋转呢

相机跟随物体,旋转除了 z 轴

三个JS围绕轴旋转

three.js中一个物体绕另一个物体旋转要如何实现?