參考:關於相機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;