坐标系:
Three.js 使用的是右手坐标系,x 轴朝右,y 轴朝上,z 轴朝向自己。
相机控件轨道控制器
相机控件OrbitControls
通过相机控件OrbitControls实现旋转缩放预览效果。
// 设置相机控件轨道控制器OrbitControls
const controls = new OrbitControls(camera, renderer.domElement);// 如果OrbitControls改变了相机参数,重新调用渲染器渲染三维场景
controls.addEventListener('change', function () {
renderer.render(scene, camera); //执行渲染操作});//监听鼠标、键盘事件