threejs:相机、lookat、up

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

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

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

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

下面截图的代码中:

  • 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;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章