课程大纲：

章节 一 3D 图形学入门

[视频] 3D 的基本元素 4分

[视频] 3D 变换概念 4分

[视频] 网格表面 3分

[视频] 着色器 2分

[视频] 3D 世界与立方体 3分

章节 二 WebGL 概述

[视频] WebGL 是什么 7分

[视频] 图像硬件简介 4分

[视频] WebGL 程序执行原理 4分

[视频] WebGL 和 HTML5 及 Javascript 的关系 6分

章节 三 第一个 WebGL 小程序

[视频] 搭建开发环境与编写基本代码 16分

[视频] 开发 WebGL 程序的基本步骤 14分

[视频] 编写着色器 5分

[视频] 着色器的初始化与调试 5分

章节 四 WebGL 缓冲区对象

[视频] attribute 变量的使用 10分

[视频] 缓冲区对象的创建与绑定 4分

[视频] 向缓冲区内写入数据 5分

[视频] 缓冲区数据导入 attribute 变量 11分

章节 五 WebGL 基本图形绘制

[视频] 点的绘制 23分

[视频] 线段的绘制 25分

[视频] 多边形的绘制 19分

章节 六 WebGL 图形变换

[视频] 图形的移动 10分

[视频] 图形的缩放 10分

[视频] 图形的旋转 8分

章节 七 WebGL 图形的矩阵变换

[视频] 变换矩阵实现图形移动 14分

[视频] 变换矩阵实现图形缩放 16分

[视频] 变换矩阵实现图形旋转 18分

章节 八 WebGL 动画

[视频] WebGL 动画原理 10分

[视频] 矩阵复合变换 11分

[视频] WebGL 动画的实现 17分

章节 九 WebGL 数据信息传入着色器技术

[视频] 将多种数据传递到顶点着色器 13分

[视频] 将顶点着色器数据传递到片元着色器中 15分

[视频] 根据区域设定图形颜色 13分

章节 十 WebGL 贴图

[视频] WebGL 贴图技术概述 24分

[视频] WebGL 贴图核心技术 14分

[视频] 贴图实例解析 12分

章节 十一 GLSL ES 着色器语言

[视频] 概述 6分

[视频] 复杂类型 4分

[视频] 程序流程控制 20分

[视频] 函数 5分

[视频] 限定字 3分

章节 十二 WebGL 视点与视线

[视频] 视点、目标点和上方向 15分

[视频] 指定视点观察图形 30分

[视频] 视点控制实例解析 10分

章节 十三 WebGL 可视范围

[视频] 可视范围基础 5分

[视频] 正射投影矩阵 22分

[视频] 缺角的修补 30分

章节 十四 WebGL 透视投影

[视频] 透视投影基础 3分

[视频] 透视投影矩阵 25分

[视频] 物体的前后关系 21分

章节 十五 WebGL 绘制立方体

[视频] 使用传统方法绘制立方体 26分

[视频] 使用顶点索引法绘制立方体 13分

[视频] 立方体上色 13分

章节 十六 WebGL Three.js 第一个应用程序

[视频] Three.js 基础 5分

[视频] 创建 Three.js 基础代码 2分

[视频] 绘制三维对象 20分

[视频] 添加材质和灯光 13分

[视频] 动画效果 14分

章节 十七 WebGL Three.js 基本组件

[视频] 场景 20分

[视频] 几何与网格对象 17分

[视频] 相机 16分

章节 十八 WebGL Three.js 光源

[视频] 光源概述 6分

[视频] 影响整个场景的光源 21分

[视频] 照射所有方向的光源 11分

[视频] 具有锥形效果的光源 17分

[视频] 太阳的光源 14分

章节 十九 WebGL Three.js 材质

[视频] 材质概述 5分

[视频] MeshBasicMaterial 简单材质 14分

[视频] MeshDepthMaterial 深度材质 10分

[视频] 联合材质 9分

[视频] MeshNormalMaterial 材质 7分

章节 二十 WebGL Three.js 几何体

[视频] 二维几何体 20分

[视频] 球面几何体 19分

[视频] 多面几何体 19分

章节 二十一 WebGL Three.js 粒子

[视频] 粒子与粒子系统 20分

[视频] 格式化粒子 25分

[视频] 精灵 11分

章节 二十二 WebGL Three.js 动画和相机

[视频] 动画基础 13分

[视频] 轨迹球控件 12分

[视频] 飞行控件 11分

[视频] 翻滚控件 7分

[视频] 第一人称控件 6分

章节 二十三 WebGL Three.js 纹理

[视频] 凹凸贴图创建皱纹 17分

[视频] 法向贴图创建皱纹 6分

[视频] 光照贴图创建阴影 5分

[视频] 环境贴图创建反光效果 5分

[视频] 高光贴图 6分