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

課程大綱：

1?WebGL簡(jiǎn)介

1.1?WebGL基礎(chǔ)

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

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

1.4?圖形硬件簡(jiǎn)介

1.5?WebGL圖形流水線

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

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

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

2.1?繪制三角形

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

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

2.4?用DOM?API載入著色器

2.5?更高級(jí)的綜合示例

3?繪制

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

3.2?類(lèi)型化數(shù)組

3.3?探討不同的繪圖方法

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

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

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

4?小型JavaScript庫(kù)與變換

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

4.2?變換運(yùn)算

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

4.4?變換的實(shí)踐

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

4.6?一個(gè)完整的示例：繪制幾個(gè)變換后的對(duì)象

5?紋理貼圖

5.1?理解丟失上下文

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

5.3?載入紋理

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

5.5?著色器中的紋理處理

5.6?處理紋理過(guò)濾

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

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

5.9?獲得用作紋理的圖像

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

6?動(dòng)畫(huà)與用戶(hù)輸入

6.1?創(chuàng)建動(dòng)畫(huà)場(chǎng)景

6.2?用戶(hù)交互事件的處理

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

7?光照

7.1?光源

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

7.3?Phong反射模型

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

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

7.6?矢量必須歸一化

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

7.8?光強(qiáng)衰減

7.9?光照映射

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

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

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

8.3?深入分析融合

8.4?深入討論WebGL