          WebGL 入門與實踐培訓(xùn)

1
初級入門 --- 認識 WebGL

2
初級入門 --- 從一個點開始：掌握 WebGL 的編程要素

3
初級入門 --- 繪制三角形：學(xué)會使用緩沖區(qū)、了解 WebGL 中的基本圖形元素

4
初級入門 --- 基本圖元繪制：線段

5
初級入門 --- 繪制漸變?nèi)切危荷钊肜斫饩彌_區(qū)

6
初級入門 --- 畫個矩形：用基本圖形構(gòu)建平面

7
初級入門 --- 紋理貼圖：為形體穿上外衣

8
初級入門 --- 繪制立方體、球體、椎體：如何用基本圖形構(gòu)建規(guī)則形體

9
初級入門 --- 繪制多個物體：進一步封裝繪制方法

10
中級進階 --- 神說要有光，于是就有了光：給物體添加環(huán)境光。
學(xué)習(xí)時長: 5分24秒
11
中級進階 --- 馮氏光照模型：為物體增加漫反射效果

12
中級進階 --- 馮氏光照模型：為物體增加鏡面高光效果

13
中級進階 --- 深入理解 GLSL 語法

14
中級進階 --- WebGL 與數(shù)學(xué)：我們需要哪些數(shù)學(xué)知識？

15
中級進階 --- 數(shù)學(xué)：點、向量、矩陣。

16
中級進階 --- 通用數(shù)學(xué)庫的 JavaScript 實現(xiàn)。

17
中級進階 --- WebGL 坐標(biāo)系

18
中級進階 --- 坐標(biāo)系變換：基本變換原理與算法實現(xiàn)

19
中級進階 --- 坐標(biāo)系變換：模型空間變換到世界空間

20
中級進階 --- 坐標(biāo)系變換：世界空間變換到觀察空間

21
中級進階 --- 坐標(biāo)系變換：觀察空間變換到裁剪空間

22
深入研究 --- 更高級的旋轉(zhuǎn)：歐拉角、四元數(shù)。

23
深入研究 --- 四元數(shù)的應(yīng)用：使用鼠標(biāo)控制模型的旋轉(zhuǎn)

24
深入研究 --- CSS 與 3D 之 transform

25
深入研究 --- CSS 與 3D 之 perspective

26
深入研究 --- 數(shù)學(xué)庫在 CSS 的 3D 動畫中扮演的重要角色

27
深入探究 --- 層級建模：行走的機器人

28
深入研究 --- 使用立方體紋理繪制天空盒

29
深入研究 --- 混合效果

30
深入研究 --- 幀緩沖

31
高級應(yīng)用 --- 3D模型的拾取原理與實現(xiàn)

32
高級應(yīng)用 --- 魔法 Shader：火焰效果的原理與實現(xiàn)