本節(jié)課給大家講解，通過(guò)UI按鈕界面交互改變threejs相機(jī)的觀察視角。

x軸方向觀察

// 通過(guò)UI按鈕改變相機(jī)觀察角度
document.getElementById('x').addEventListener('click', function () {camera.position.set(500, 0, 0); //x軸方向觀察camera.lookAt(0, 0, 0); //重新計(jì)算相機(jī)視線方向
})

y軸方向觀察

// 通過(guò)UI按鈕改變相機(jī)觀察角度
document.getElementById('y').addEventListener('click', function () {camera.position.set(0, 500, 0); //y軸方向觀察camera.lookAt(0, 0, 0); //重新計(jì)算相機(jī)視線方向
})

z軸方向觀察

// 通過(guò)UI按鈕改變相機(jī)觀察角度
document.getElementById('z').addEventListener('click', function () {camera.position.set(0, 0, 500); //z軸方向觀察camera.lookAt(0, 0, 0); //重新計(jì)算相機(jī)視線方向
})