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

  第1章  WebGL簡(jiǎn)介   1 1.1  WebGL基礎(chǔ) 1 1.2  瀏覽器3D圖形吸引人的原因    2 1.3  設(shè)計(jì)一個(gè)圖形API       3 1.3.1  即時(shí)模式API    3 1.3.2  保留模式API    3 1.4  圖形硬件簡(jiǎn)介      4 1.4.1  GPU   4 1.4.2  幀緩存       5 1.4.3  紋理存儲(chǔ)器       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ù)簡(jiǎn)介      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  繪制場(chǎng)景   51 2.2  了解WebGL編碼風(fēng)格 52 2.3  調(diào)試WebGL應(yīng)用程序 53 2.3.1  使用Chrome開(kāi)發(fā)人員 工具       53 2.3.2  Firebug的使用  59 2.3.3  WebGL的錯(cuò)誤處理與 錯(cuò)誤代碼       61 2.3.4  WebGL Inspector      64 2.3.5  WebGL的故障排除  70 2.4  用DOM API載入著色器    71 2.5  更高級(jí)的綜合示例      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é)本章的最后一個(gè)示例   114 3.7  小結(jié)      124 第4章  小型JavaScript庫(kù)與變換     127 4.1  JavaScript中矩陣和向量的 操作