WebGL程式設計指南(5)進入三維世界

CopperDong發表於2018-04-25

書本原始碼 https://download.csdn.net/download/qfire/10371055

5.1 視點、觀察目標點和上方向


      我們可以用上述三個向量建立一個檢視矩陣,然後將該矩陣傳給頂點著色器。檢視矩陣可以表示觀察者的狀態,含有觀察者的視點、觀察目標點、上方向等資訊。Matrix4.setLookAt()函式可以根據上述三個向量來建立出檢視矩陣。ch07/LookAtTriangles.html


 從指定視點觀察旋轉後的三角形


 用鍵盤改變視點

5.2 可視範圍(正射型別)

 不繪製可視範圍外的物件,是基本的降低程式開銷的手段

 頂點著色器的執行流程

5.3 可視空間(透視投影)

 投影矩陣的作用

5.4 正確處理物件的前後關係

 WebGL為了加速繪圖操作,是按照頂點在緩衝區中的順序來處理它們的。

 WebGL提供了隱藏面消除功能


 深度衝突:當幾何圖形或物體的兩個表面極為接近時,就會出現新的問題,使得表面看上去斑斑駁駁的。WebGL提供多邊形偏移

5.5 立方體

  使用gl.drawElements()代替gl.drawArrays()函式進行繪製。


  通過頂點索引繪製物體




相關文章