WebGL程式設計指南(5)進入三維世界
書本原始碼 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()函式進行繪製。
通過頂點索引繪製物體
相關文章
- WebGL程式設計指南(6)光照Web程式設計
- WebGL程式設計指南(1)簡介Web程式設計
- WebGL程式設計指南(7)層次模型Web程式設計模型
- 《WebGL程式設計指南》學習筆記——1.WebGL概述Web程式設計筆記
- WebGL程式設計指南(8)高階技術Web程式設計
- WebGL程式設計指南(4)顏色與紋理Web程式設計
- webgl世界 matrix入門Web
- WebGL程式設計指南(2)繪製和變換三角形Web程式設計
- HTML5與WebGL程式設計(1):介紹HTMLWeb程式設計
- 使用IndexedDB快取給WebGL三維程式加速Index快取Web
- 程式設計師的世界盃觀戰指南程式設計師
- 遊戲程式設計入門指南遊戲程式設計
- shell程式設計入門指南程式設計
- HTML5與WebGL程式設計(2):Three.jsHTMLWeb程式設計JS
- WebGL程式設計指南(3)高階變換與動畫基礎Web程式設計動畫
- 《WebGL程式設計指南》學習筆記——2.使用< canvas >元素Web程式設計筆記Canvas
- WebGL-三維透視投影Web
- WebGL之繪製三維地球Web
- 程式設計師健康防猝指南5:運動基礎入門程式設計師
- 程式設計“初學者”入門指南 (轉)程式設計
- JAVA NIO 程式設計入門(三)Java程式設計
- Posix執行緒程式設計指南(5)-Misc (轉)執行緒程式設計
- Khronos Group的WebGL工作組主席Ken Russell為《WebGL入門指南》作序Web
- 進入程式設計師的自由天地程式設計師
- shell程式設計(三)輸入輸出程式設計
- Google自動程式設計框架AutoML入門指南Go程式設計框架TOML
- [譯]函式式響應程式設計入門指南函式程式設計
- Let’s do this!新手程式設計師的入門指南程式設計師
- ??Java開發者的Python快速進修指南:網路程式設計及併發程式設計JavaPython程式設計
- HTML5與WebGL程式設計(3):Three.js中的圖形和渲染HTMLWeb程式設計JS
- Google C++程式設計風格指南(三):C++ 類GoC++程式設計
- 瘋狂的程式設計世界程式設計
- Core Text 程式設計指南程式設計
- 程式設計師脫單指南程式設計師
- Spark—GraphX程式設計指南Spark程式設計
- SAP OData程式設計指南程式設計
- 程式設計師跳槽指南程式設計師
- Java Socket 程式設計指南Java程式設計