1. 程式人生 > >【WebGL入門3】相機參數及光照模型

【WebGL入門3】相機參數及光照模型

但是 一個 設置 phi 模塊 之間 光源 top pen

透視相機:PerspectiveCamera( fov, aspect, near, far )

  1、視角fov:這個最難理解,我的理解是,眼睛睜開的角度,即,視角的大小,如果設置為0,相當你閉上眼睛了,所以什麽也看不到,如果為180,那麽可以認為你的視界很廣闊,但是在180度的時候,往往物體很小,因為他在你的整個可視區域中的比例變小了。

  2、近平面near:這個呢,表示你近處的裁面的距離。補充一下,也可以認為是眼睛距離近處的距離,假設為10米遠,請不要設置為負值,Three.js就傻了,不知道怎麽算了,

  3、遠平面far:這個呢,表示你遠處的裁面,

  4、縱橫比aspect:實際窗口的縱橫比,即寬度除以高度。這個值越大,說明你寬度越大。

正投影相機:OrthographicCamera( left, right, top, bottom, near, far )

  1、 left參數

    left:左平面距離相機中心點的垂直距離。

  2、 right參數

    right:右平面距離相機中心點的垂直距離。

  3、 top參數

    top:頂平面距離相機中心點的垂直距離。

  4、 bottom參數

    bottom:底平面距離相機中心點的垂直距離。

  5、near參數

    near:近平面距離相機中心點的垂直距離。

  6、far參數

    far:遠平面距離相機中心點的垂直距離。

對於光照模型,和opengl一樣,需要註意的是,方向光的position是一個向量,各項的範圍都應該在(0,1)之間,其他光源是看作放在空間某個position的一盞燈,所以各項的範圍可以很大。

和其他模塊一樣,需要添加的light就是一個object,聲明一盞燈,然後確定類型,位置和顏色。

【WebGL入門3】相機參數及光照模型