WebGL高级编程--开发Web3D图形培训课程-中心

 WebGL高级编程--开发Web3D图形培训课程

课程大纲：

1 WebGL简介

1.1 WebGL基础

1.2 浏览器3D图形吸引人的原因

1.3 设计一个图形API

1.4 图形硬件简介

1.5 WebGL图形流水线

1.6 WebGL与其他图形技术的比较

1.7 线性代数简介

2 创建基本的WebGL示例

2.1 绘制三角形

2.2 了解WebGL编码风格

2.3 调试WebGL应用程序

2.4 用DOM API载入着色器

2.5 更高级的综合示例

3 绘制

3.1 使用WebGL绘制图元和绘图方法

3.2 类型化数组

3.3 探讨不同的绘图方法

3.4 为提高性能交叉存放顶点数据

3.5 使用顶点数组或常量顶点数据

3.6 总结本章的最后一个示例

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 定义纹理坐标

5.5 着色器中的纹理处理

5.6 处理纹理过滤

5.7 理解纹理坐标包装

5.8 一个完整的应用纹理示例

5.9 获得用作纹理的图像

5.10 同域策略与跨域资源共享

6 动画与用户输入

6.1 创建动画场景

6.2 用户交互事件的处理

6.3 综合应用新知识

7 光照

7.1 光源

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

7.3 Phong反射模型

7.4 WebGL光照中需要的JavaScript代码

7.5 将不同的插值方法用于着色

7.6 矢量必须归一化

7.7 应用不同类型的光源

7.8 光强衰减

7.9 光照映射

8 WebGL性能优化

8.1 WebGL底层工作机制

8.2 WebGL性能优化

8.3 深入分析融合

8.4 深入讨论WebGL