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;

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