javascript - 使用 Three.js 围绕对象旋转相机

Question

我正在使用 WebGlRenderer 显示带有 Three.js 的 OBJ 元素，现在我想允许用户以任何方向围绕对象旋转相机，我找到了这个答案:

Rotate camera in Three.js with mouse

但是两个例子都返回错误，第一个说投影仪没有定义，我不知道“投影仪”是什么意思。我只有一个简单的相机、物体和一些光。第二个代码表示 undefined 不是一个函数。

有人知道如何获得我需要的结果吗？

Answer 1

这就是您想要的:http://threejs.org/examples/misc_controls_orbit.html

包括轨道控件(在您下载它们之后):

<script src="js/controls/OrbitControls.js"></script>

设置变量:

var controls;

将控件附加到相机并添加一个监听器:

controls = new THREE.OrbitControls( camera );
controls.addEventListener( 'change', render );

并在您的动画函数中更新控件:

controls.update();

[更新] controls.autoRotate = true;(在v73中测试，最新版本的OrbitControls.js已经添加了这个控件。)