《WebGL入門指南》由帕裡西所著，作者這本書通俗易懂，涵蓋了在Web上開發3D應用的大部分實用知識。這本書既能幫助初學者快速人門，也包含了相當多的**開發技巧，這部分信息即使對於**的3D圖形專家來說，也會眼前一亮。Tony從顯示基本的3D網格開始，不斷介紹一些很有趣的內容，如視覺效果、動畫、交互、創作3D內容等，這些內容組合在一起形成了一個3D遊戲的原型。

《WebGL入門指南》由帕裡西所著，本書從WebGL 和3D圖形學的基礎概念講起，循序漸進，用多個簡單 的實例直觀地講解了各個知識點，包括從坐標繫統到 投影矩陣這些數學基礎，也包括從紋理貼圖到模型動 畫這些圖形效果；隨後又理論結合實際，介紹了在現 實開發環境中需要注意的各種問題，例如，如何挑選 WebGL框架以及使用哪種3D內容交換格式；在最後一 章，作者把全書所有講過的知識綜合到一起，制作了 一個完整的WebGL遊戲，讓讀者能夠基本了解WebGL這 一新技術的開發流程，以便讀者可以獨立開發自己的 WebGL應用。 除此之外，在多個實例中作者還應用了一些非常 便捷有效的圖形開發技巧，這些脫胎於作者多年圖形 經驗的小技巧可以節省很多工作量，也讓初入圖形學 門檻的讀者可以眼前一亮，領會到圖形開發的美妙和 樂趣。 《WebGL入門指南》適合Web開發人員閱讀，尤其 是對3D開發感興趣的讀者。

第1章 WebGL簡介 1
1.1 WebGL——一個技術定義 2
1.2 3D圖形學——入門 4
1.2.1 3D坐標繫 4
1.2.2 網格、多邊形和頂點 5
1.2.3 材質、紋理和光源 5
1.2.4 變換與矩陣 6
1.2.5 相機、透視、視口和投影 6
1.2.6 著色器 7
1.3 WebGL原生API 8
1.3.1 WebGL應用結構剖析 9
1.3.2 畫布元素與繪制上下文 9
1.3.3 視口 10
1.3.4 Buffer、ArrayBuffer和類型化數組 10
1.3.5 矩陣 11
1.3.6 著色器 12
1.3.7 繪制圖元 13
1.4 本章小結 14
第2章 你的**個WebGL程序 15
2.1 Three.js——一個JavaScript 3D引擎 15
2.2 建立Three.js運行環境 17
2.3 一個簡單的Three.js網頁 17
2.4 一個真實的3D示例 20
2.4.1 為場景著色 23
2.4.2 添加紋理映射 24
2.4.3 旋轉物體 25
2.4.4 循環重繪和requestAnimationFrame() 25
2.4.5 讓頁面貼近生活 26
2.5 本章小結 27
第3章 圖形 28
3.1 Sim.js——一個輕量級的WebGL模擬框架 29
3.2 創建網格 30
3.3 使用材質、紋理和光源 34
3.3.1 光源的種類 35
3.3.2 使用多重紋理創建*具真實感的場景 37
3.3.3 紋理與透明 42
3.4 構建變換層級 42
3.5 創建自定義幾何體 46
3.6 點和線的渲染 49
3.6.1 使用粒子繫統繪制點 50
3.6.2 線的繪制 52
3.7 編寫著色器 53
3.7.1 WebGL著色器基礎 53
3.7.2 Three.js中的著色器 55
3.8 本章小結 60
第4章 動畫 61
4.1 動畫基礎 61
4.1.1 幀動畫 61
4.1.2 時間動畫 62
4.1.3 插值與補間動畫 62
4.1.4 關鍵幀 63
4.1.5 關節動畫 64
4.1.6 蒙皮動畫 64
4.1.7 目標變形動畫 64
4.2 使用Tween.js庫來創建補間動畫 65
4.2.1 創建一個基本的補間動畫 66
4.2.2 帶緩動效果的補間動畫 68
4.3 為帶關節的模型制作關鍵幀動畫 71
4.3.1 載入模型 71
4.3.2 為模型制作動畫 73
4.4 材質和光源動畫 76
4.5 紋理動畫 78
4.6 蒙皮動畫和變形動畫 80
4.7 本章小結 80
第5章 交互 81
5.1 點擊檢測、拾取和投影 81
Three.js中的點擊檢測 82
5.2 處理鼠標移入和點擊 85
5.3 處理拖曳 88
在拖曳中使用補間動畫 91
5.4 使用點擊點和法線信息 91
5.5 基於相機的交互 92
5.5.1 利用鏡頭控制制作一個模型瀏覽器 93
5.5.2 場景漫遊 95
5.6 本章小結 96
第6章 2D與3D的整合 98
6.1 整合動態HTML和WebGL 99
6.1.1 創建DIV元素彈出層 99
6.1.2 利用2D屏幕坐標為3D物體添加注釋 103
6.1.3 為3D場景添加背景圖片 104
6.2 在2D頁面上插入3D浮層 105
6.3 利用2D Canvas創建動態紋理 107
6.4 使用視頻作為紋理 115
6.5 渲染動態3D文字 119
6.6 WebGL中的**整合 121
6.7 本章小結 123
第7章 實戰WebGL 124
7.1 如何選擇運行庫和框架 124
7.2 載入3D內容 126
7.2.1 COLLADA：數字資產交換格式 126
7.2.2 Three.js中的JSON模型文件格式 130
7.2.3 Three.js二進制模型文件格式 134
7.2.4 壓縮3D模型 135
7.2.5 Three.js中的JSON場景文件格式 136
7.3 創建3D內容 137
7.3.1 從Blender中導出3D內容 137
7.3.2 把OBJ文件轉換為Three.js JSON文件 139
7.3.3 把OBJ文件轉換為Three.js二進制文件 139
7.3.4 其他軟件或格式的轉換 139
7.4 瀏覽器支持度 140
7.4.1 檢測瀏覽器的WebGL支持 141
7.4.2 在Safari中開啟WebGL支持 142
7.5 處理丟失上下文事件 143
7.6 WebGL的安全性 146
7.7 本章小結 149
第8章 你的**個WebGL遊戲 150
8.1 構建遊戲的各個部分 151
8.1.1 相機、角色和控制 152
8.1.2 美術設計 159
8.1.3 模型預覽器 161
8.1.4 創建粒子繫統 163
8.1.5 添加聲音 166
8.2 萬物歸一 167
8.3 本章小結 180
後記 181
附錄A WebGL在線資源 183