推荐：将NSDT场景编辑器加入你的3D工具链

3D工具集：NSDT简石数字孪生

不同方向的投影视图

本节课给大家讲解，通过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); //重新计算相机视线方向
})

上一篇：ThreeJS教程：相机动画(.position和.lookAt()) (mvrlink.com)

下一篇：ThreeJS教程：旋转渲染结果(.up相机上方向) (mvrlink.com)