vue three.js 【OrbitControls】鼠标控制画面

1. 需要格外安装 three-orbitcontrols

   cnpm install three-orbitcontrols --save

2. 引入

   import OrbitControls from 'three-orbitcontrols'

2. 使用

   this.controls = new OrbitControls(this.camera, this.container);  //摄像机和容器div   注意事div

        // 使动画循环使用时阻尼或自转 意思是否有惯性
        this.controls.enableDamping = true;
        
        //是否可以缩放
        this.controls.enableZoom = true;
        
        //是否自动旋转
        this.controls.autoRotate = true;
        
        //设置相机距离原点的最远距离
        this.controls.minDistance = 200;
        
        //设置相机距离原点的最远距离
        this.controls.maxDistance = 600;
        
        //是否开启右键拖拽
        this.controls.enablePan = true;