threejs 入门中的OrbitControls

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/12458180