飞凡 做电商网站智能优化网站

本节课给大家讲解，通过UI按钮界面交互改变threejs相机的观察视角。

x轴方向观察

// 通过UI按钮改变相机观察角度
document.getElementById('x').addEventListener('click', function () {camera.position.set(500, 0, 0); //x轴方向观察camera.lookAt(0, 0, 0); //重新计算相机视线方向
})

y轴方向观察

// 通过UI按钮改变相机观察角度
document.getElementById('y').addEventListener('click', function () {camera.position.set(0, 500, 0); //y轴方向观察camera.lookAt(0, 0, 0); //重新计算相机视线方向
})

z轴方向观察

// 通过UI按钮改变相机观察角度
document.getElementById('z').addEventListener('click', function () {camera.position.set(0, 0, 500); //z轴方向观察camera.lookAt(0, 0, 0); //重新计算相机视线方向
})