基于在vue-cli中使用threejs,并實現鼠標控制移動,以及點擊交互效果這篇的代碼結構,添加如下代碼
vue-cli中引入OrbitControls
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
methods: {
...,
start(){
...
// 添加鼠標控制事件
this.initControls()
},
...,
// 鼠標基礎控制事件
initControls(){
this.controls = new OrbitControls(this.camera, this.renderer.domElement);
// 定義左鍵拖動,滾輪放大縮小,右鍵不做操作
this.controls.mouseButtons = {
LEFT: THREE.MOUSE.PAN,
MIDDLE: THREE.MOUSE.DOLLY,
RIGHT: null
}
this.controls.update()
},
}
OK,基本的姿勢已經解鎖了。沖刺。