Threejs之轨道控制（缩放、旋转、平移）

threejs 可以通过 npm install three 来安装

文档介绍

OrbitControls（轨道控制）
轨道控制使摄像机可以围绕目标旋转。

参数

OrbitControls（object：Camera，domElement：HTMLDOMElement）

object：（必需）要控制的摄像机。相机不得是其他对象的子对象，除非该对象是场景本身。

domElement：用于事件侦听器的HTML元素。

代码：

var controls = new THREE.OrbitControls(camera, renderer.domElement);
 
function animate() {
    requestAnimationFrame(animate);
    controls.update();     
    renderer.render(scene, camera);
}

OrbitControls（object：Camera，domElement：HTMLDOMElement）
object：（必需）要控制的摄像机。相机不得是其他对象的子对象，除非该对象是场景本身。

domElement：用于事件侦听器的HTML元素。

场景操作

缩放：滚动—鼠标中键
旋转：拖动—鼠标左键
平移：拖动—鼠标右键

下载资源：

https://download.csdn.net/download/weixin_41487694/1245818