WebGL高級編程：開發(fā)Web 3D圖形WebGL開發(fā)最佳實(shí)用指南

  第1章  WebGL簡介   1 1.1  WebGL基礎(chǔ) 1 1.2  瀏覽器3D圖形吸引人的原因    2 1.3  設(shè)計一個圖形API       3 1.3.1  即時模式API    3 1.3.2  保留模式API    3 1.4  圖形硬件簡介      4 1.4.1  GPU   4 1.4.2  幀緩存       5 1.4.3  紋理存儲器       6 1.4.4  視頻控制器       6 1.5  WebGL圖形流水線     6 1.5.1  頂點(diǎn)著色器       8 1.5.2  圖元裝配   11 1.5.3  光柵化       12 1.5.4  片段著色器       12 1.5.5  逐片段操作       15 1.6  WebGL與其他圖形技術(shù)的 比較       16 1.6.1  OpenGL     16 1.6.2  OpenGL ES 2.0  18 1.6.3  Direct3D    19 1.6.4  HTML5畫布     21 1.6.5  可縮放矢量圖形       25 1.6.6  VRML與X3D   26 1.7  線性代數(shù)簡介      27 1.7.1  坐標(biāo)系       27 1.7.2  點(diǎn)與頂點(diǎn)   27 1.7.3  矢量   28 1.7.4  矢量的點(diǎn)積或標(biāo)積   29 1.7.5  叉積   30 1.7.6  齊次坐標(biāo)   31 1.7.7  矩陣   31 1.7.8  仿射變換   34 1.8  小結(jié)      39 第2章  創(chuàng)建基本的WebGL示例     41 2.1  繪制三角形   41 2.1.1  創(chuàng)建WebGL上下文 45 2.1.2  創(chuàng)建頂點(diǎn)著色器和片段 著色器    47 2.1.3  編譯著色器       48 2.1.4  創(chuàng)建程序?qū)ο蠛玩溄? 著色器    48 2.1.5  建立緩沖   50 2.1.6  繪制場景   51 2.2  了解WebGL編碼風(fēng)格 52 2.3  調(diào)試WebGL應(yīng)用程序 53 2.3.1  使用Chrome開發(fā)人員 工具       53 2.3.2  Firebug的使用  59 2.3.3  WebGL的錯誤處理與 錯誤代碼       61 2.3.4  WebGL Inspector      64 2.3.5  WebGL的故障排除  70 2.4  用DOM API載入著色器    71 2.5  更高級的綜合示例      73 2.6  小結(jié)      77 第3章  繪制       79 3.1  使用WebGL繪制圖元和 繪圖方法       79 3.1.1  圖元   80 3.1.2  頂點(diǎn)組繞順序的重要性   84 3.1.3  WebGL的繪圖方法  85 3.2  類型化數(shù)組   91 3.2.1  緩沖與視圖       91 3.2.2  WebGL支持的視圖類型  92 3.3  探討不同的繪圖方法   93 3.3.1  gl.drawArrays()和 gl.TRIANGLES     94 3.3.2  gl.drawArrays()方法和 gl.TRIANGLE_STRIP 圖元       96 3.3.3  gl.drawElements()方法和 gl.TRIANGLES圖元    98 3.3.4  gl.drawElements()方法和 gl.TRIANLE_STRIP圖元     100 3.3.5  總結(jié)比較   102 3.3.6  前期變換頂點(diǎn)緩存和 后期變換頂點(diǎn)緩存       102 3.4  為提高性能交叉存放頂點(diǎn) 數(shù)據(jù)       104 3.5  使用頂點(diǎn)數(shù)組或常量頂點(diǎn) 數(shù)據(jù)       113 3.6  總結(jié)本章的最后一個示例   114 3.7  小結(jié)      124 第4章  小型JavaScript庫與變換     127 4.1  JavaScript中矩陣和向量的 操作