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程式設計指南(8)高階技術Web程式設計
- WebGL程式設計指南(4)顏色與紋理Web程式設計
- WebGL程式設計指南(2)繪製和變換三角形Web程式設計
- HTML5與WebGL程式設計(1):介紹HTMLWeb程式設計
- 使用IndexedDB快取給WebGL三維程式加速Index快取Web
- HTML5與WebGL程式設計(2):Three.jsHTMLWeb程式設計JS
- 遊戲程式設計入門指南遊戲程式設計
- WebGL程式設計指南(3)高階變換與動畫基礎Web程式設計動畫
- 程式設計師健康防猝指南5:運動基礎入門程式設計師
- WebGL-三維透視投影Web
- WebGL之繪製三維地球Web
- JAVA NIO 程式設計入門(三)Java程式設計
- Linux入門---(三)Shell程式設計Linux程式設計
- Google自動程式設計框架AutoML入門指南Go程式設計框架TOML
- HTML5與WebGL程式設計(3):Three.js中的圖形和渲染HTMLWeb程式設計JS
- SketchUp Pro 2023:打造三維世界,實現設計夢想 mac/win版Mac
- SAP OData程式設計指南程式設計
- Core Text 程式設計指南程式設計
- Spark—GraphX程式設計指南Spark程式設計
- ??Java開發者的Python快速進修指南:網路程式設計及併發程式設計JavaPython程式設計
- Python 程式設計從入門到實踐5Python程式設計
- 學廢了系列 - WebGIS vs WebGL圖形程式設計Web程式設計
- 程式設計師思維程式設計師
- 程式設計師【黑話】指南程式設計師
- IDEPG001程式設計指南IDE程式設計
- 程式設計師裝B指南程式設計師
- 程式設計師脫單指南程式設計師
- Flutter 非同步程式設計指南Flutter非同步程式設計
- 程式設計師防猝死指南程式設計師
- 程式猿生存指南-19 全民程式設計程式設計
- 程式設計師程式碼面試指南程式設計師面試
- 基於 HTML5 WebGL 的計量站三維視覺化監控系統 Web 組態工控應用HTMLWeb視覺化
- MFC程式設計(三)C程式程式設計
- Coursera課程筆記----C程式設計進階----Week 5筆記C程式程式設計
- 程式設計世界的熵增原理程式設計熵