threejs平移旋转拖拽(OrbitControls.js)

引入轨道控制器扩展库OrbitControls.js

import {
    OrbitControls
} from 'three/addons/controls/OrbitControls.js';

设置相机控件轨道控制器OrbitControls

const controls = new OrbitControls(camera, renderer.domElement);

如果OrbitControls改变了相机参数，重新调用渲染器渲染三维场景

controls.addEventListener('change', function () {
    renderer.render(scene, camera); //执行渲染操作
    // 浏览器控制台查看相机位置变化
    console.log('camera.position',camera.position);
});//监听鼠标、键盘事件