?WebGL高級編程--開發(fā)Web3D圖形培訓(xùn)課程

課程大綱：

1?WebGL簡介

1.1?WebGL基礎(chǔ)

1.2?瀏覽器3D圖形吸引人的原因

1.3?設(shè)計一個圖形API

1.4?圖形硬件簡介

1.5?WebGL圖形流水線

1.6?WebGL與其他圖形技術(shù)的比較

1.7?線性代數(shù)簡介

2?創(chuàng)建基本的WebGL示例

2.1?繪制三角形

2.2?了解WebGL編碼風(fēng)格

2.3?調(diào)試WebGL應(yīng)用程序

2.4?用DOM?API載入著色器

2.5?更高級的綜合示例

3?繪制

3.1?使用WebGL繪制圖元和繪圖方法

3.2?類型化數(shù)組

3.3?探討不同的繪圖方法

3.4?為提高性能交叉存放頂點數(shù)據(jù)

3.5?使用頂點數(shù)組或常量頂點數(shù)據(jù)

3.6?總結(jié)本章的最后一個示例

4?小型JavaScript庫與變換

4.1?JavaScript中矩陣和向量的操作

4.2?變換運算

4.3?理解完整的變換流水線

4.4?變換的實踐

4.5?理解變換順序的重要性

4.6?一個完整的示例：繪制幾個變換后的對象

5?紋理貼圖

5.1?理解丟失上下文

5.2?2D紋理與立方映射紋理

5.3?載入紋理

5.4?定義紋理坐標(biāo)

5.5?著色器中的紋理處理

5.6?處理紋理過濾

5.7?理解紋理坐標(biāo)包裝

5.8?一個完整的應(yīng)用紋理示例

5.9?獲得用作紋理的圖像

5.10?同域策略與跨域資源共享

6?動畫與用戶輸入

6.1?創(chuàng)建動畫場景

6.2?用戶交互事件的處理

6.3?綜合應(yīng)用新知識

7?光照

7.1?光源

7.2?局部光照模型的工作原理

7.3?Phong反射模型

7.4?WebGL光照中需要的JavaScript代碼

7.5?將不同的插值方法用于著色

7.6?矢量必須歸一化

7.7?應(yīng)用不同類型的光源

7.8?光強(qiáng)衰減

7.9?光照映射

8?WebGL性能優(yōu)化

8.1?WebGL底層工作機(jī)制

8.2?WebGL性能優(yōu)化

8.3?深入分析融合

8.4?深入討論WebGL