前　言
緻　謝
第1章用Three.js創建你的第一個三維場景1
1.1　使用Three.js的前提條件3
1.2　獲取源代碼4
1.2.1　用Git剋隆代碼倉庫4
1.2.2　下載並解壓壓縮包5
1.2.3　測試示例6
1.3　創建HTML頁麵框架7
1.4　渲染並展示三維對象9
1.5　添加材質、燈光和陰影13
1.6　用動畫擴展你的首個場景15
1.6.1　引入requestAnimation-Frame()方法15
1.6.2　轉動方塊17
1.6.3　彈跳球17
1.7　使用dat.GUI庫簡化試驗18
1.8　使用ASCII效果19
1.9　總結20
第2章使用構建Three.js場景的基本組件22
2.1　創建場景22
2.1.1　場景的基本功能23
2.1.2　在場景中添加霧化效果27
2.1.3　使用材質覆蓋屬性28
2.2　使用幾何和網格對象29
2.2.1　幾何對象的屬性和函數29
2.2.2　網格對象的函數和屬性33
2.3　選擇閤適的相機37
2.3.1　正投影相機和透視相機37
2.3.2　讓相機在指定點上聚焦41
2.4　總結41
第3章使用Three.js裏的各種光源43
3.1　探索Three.js庫提供的光源43
3.2　學習基礎光源44
3.2.1　AmbientLight—影響整個場景的光源44
3.2.2　PointLight—照射所有方嚮的光源47
3.2.3　SpotLight—具有錐形效果的光源49
3.2.4　DirectinalLight—模擬遠處類似太陽的光源53
3.2.5　使用特殊光源生成高級光照效果54
3.3　總結61
第4章使用Three.js的材質62
4.1　理解共有屬性63
4.1.1　基礎屬性63
4.1.2　融閤屬性64
4.1.3　高級屬性64
4.2　從簡單的網格材質（基礎、深度和麵）開始65
4.2.1　簡單錶麵的MeshBasic-Material65
4.2.2　基於深度著色的MeshDepthMaterial67
4.2.3　聯閤材質68
4.2.4　計算法嚮顔色的MeshNormalMaterial70
4.2.5　為每個麵指定材質的MeshFaceMaterial72
4.3　學習高級材質73
4.3.1　用於暗淡、不光亮錶麵的MeshLambertMaterial74
4.3.2　用於光亮錶麵的MeshPhongMaterial75
4.3.3　用ShaderMaterial創建自己的著色器76
4.4　綫段幾何體的材質81
4.4.1　LineBasicMaterial81
4.4.2　LineDashedMaterial83
4.5　總結84
第5章學習使用幾何體85
5.1　Three.js提供的基礎幾何體86
5.1.1　二維幾何體86
5.1.2　三維幾何體92
5.2　總結100
第6章使用高級幾何體和二元操作102
6.1　ConvexGeometry102
6.2　LatheGeometry104
6.3　通過拉伸創建幾何體105
6.3.1　ExtrudeGeometry106
6.3.2　TubeGeometry107
6.3.3　從SVG拉伸109
6.3.4　ParametricGeometry110
6.4　創建三維文本112
6.4.1　渲染文本113
6.4.2　添加自定義字體114
6.5　使用二元操作組閤網格115
6.5.1　subtract函數117
6.5.2　intersect函數120
6.5.3　union函數121
6.6　總結121
第7章粒子和粒子係統123
7.1　理解粒子123
7.2　粒子、粒子係統和BasicParticleMaterial125
7.3　使用HTML5畫布格式化粒子128
7.3.1　在CanvasRenderer類裏使用HTML5畫布128
7.3.2　在WebGLRenderer中使用HTML5畫布129
7.4　使用紋理格式化粒子131
7.5　從高級幾何體中創建粒子係統139
7.6　總結141
第8章創建、加載高級網格和幾何體143
8.1　幾何體組閤和閤並143
8.1.1　對象組閤143
8.1.2　將多個網格閤並成一個網格145
8.2　從外部資源中加載幾何體147
8.3　以Three.js的JSON格式保存和加載147
8.3.1　保存和加載幾何體147
8.3.2　保存和加載場景149
8.4　使用Blender151
8.4.1　在Blender中安裝Three.js導齣器152
8.4.2　在Blender裏加載和導齣模型153
8.5　導入三維格式文件155
8.5.1　OBJ和MTL格式156
8.5.2　加載Collada模型159
8.5.3　加載STL、CTM和VTK模型160
8.5.4　展示蛋白質數據銀行中的蛋白質161
8.5.5　從PLY模型中創建粒子係統163
8.6　總結164
第9章創建動畫和移動相機166
9.1　基礎動畫166
9.1.1簡單動畫167
9.1.2　選擇對象168
9.1.3　用Tween.js做動畫170
9.2　使用相機172
9.2.1　軌跡球控件172
9.2.2　飛行控件174
9.2.3　翻滾控件175
9.2.4　第一人稱控件175
9.2.5　軌道控件177
9.2.6　路徑控件178
9.3　變形動畫和骨骼動畫180
9.3.1　用變形目標製作動畫181
9.3.2用骨骼和濛皮製作動畫184
9.4使用外部模型創建動畫186
9.4.1　用Blender創建骨骼動畫186
9.4.2從Collada模型中加載動畫190
9.4.3從雷神之錘模型中加載動畫191
9.5總結192
第10章加載和使用紋理194
10.1在材質中使用紋理194
10.1.1加載紋理並應用到網格194
10.1.2使用凹凸貼圖創建皺紋197
10.1.3使用法嚮貼圖創建更加細緻的凹凸和皺紋198
10.1.4使用光照貼圖創建假陰影199
10.1.5用環境貼圖創建虛假的反光效果201
10.1.6高光貼圖204
10.2紋理的高級用途205
10.2.1定製UV映射205
10.2.2重復映射207
10.2.3在畫布上繪製圖案並作為紋理209
10.3總結213
第11章定製著色器和渲染後期處理215
11.1設置後期處理215
11.1.1創建EffectComposer對象216
11.2後期處理通道218
11.2.1簡單後期處理通道218
11.2.2　使用掩膜的高級效果組閤器223
11.2.3　用ShaderPass定製效果226
11.3　創建自定義的後期處理著色器231
11.3.1　定製灰度圖著色器232
11.3.2　定製位著色器235
11.4　總結237
第12章用Physijs在場景中添加物理效果238
12.1　創建可用Physijs的基本Three.js場景238
12.2　材質屬性243
12.3　基礎圖形244
12.4　使用約束限製對象移動248
12.4.1　用PointConstraint限製兩點間的移動249
12.4.2　用HingeConstraint創建類似門的約束250
12.4.3　用SliderConstraint將移動限製到一個軸252
12.4.4　用ConeTwistConstraint創建類似球銷的約束254
12.4.5　用DOFConstraint實現細節的控製255
12.5　總結259
· · · · · · (收起)