参考:关于相机position,up,lookAt理解 | three.js 相机camera的up和lookAt详解

threejs中有两种相机:正投影相机、透视投影相机

正投影相机的示意图如下,可视区在near和far之间

threejs:相机、lookat、up

透视相机的示意图如下,可视区在near和far之间,同时aspect是长/宽的比例。

threejs:相机、lookat、up

下面截图的代码中:

  • camera.postion:相机所在的位置,默认为(0,0,0)
  • camera.lookAt:相机焦点方向,即相机看向哪个坐标,默认为Z轴负半轴方向。如果设置了lookAt,比如:

    camera.lookAt({x : 0,y : 0,z : 0});这样相机就会看向原点。要想让相机看向y轴,那么设置为y=1就行。

  • camera.up:坐标轴向上方向,默认(0,1,0),即以y轴为向上的方向。PS:要设置在camera.lookAt前才有效。

    如果设置如下,表示以z轴为相机的上方。camera.up.x = 0; camera.up.y = 0; camera.up.z = 1;

threejs:相机、lookat、up

相关文章:

  • 2021-05-04
  • 2022-12-23
  • 2021-12-22
  • 2022-12-23
  • 2021-11-03
  • 2021-08-23
  • 2021-08-30
  • 2021-10-30
猜你喜欢
  • 2021-12-30
  • 2021-06-13
  • 2021-09-03
  • 2022-12-23
  • 2021-06-10
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案