Vue.js

Appearance

On this page

WebGL 基础与渲染管线 ​

本书深入讲解 WebGL API 和 GPU 渲染原理，带你从零开始手写一个 WebGL 渲染器。

第一部分：WebGL 基础 (WebGL Fundamentals) ​

  1. WebGL 概述与环境搭建
  2. WebGL 上下文与状态机
  3. 第一个 WebGL 程序：绘制三角形
  4. WebGL 坐标系统与视口

第二部分：着色器编程 (Shader Programming) ​

  1. 着色器概述与工作流程
  2. GLSL 语言基础：数据类型
  3. GLSL 语言基础：运算符与控制流
  4. 顶点着色器详解
  5. 片元着色器详解
  6. 着色器的编译、链接与调试

第三部分：渲染管线 (Rendering Pipeline) ​

  1. 渲染管线概述
  2. 顶点处理阶段
  3. 图元装配与光栅化
  4. 片元处理阶段
  5. 帧缓冲与输出合并

第四部分：缓冲区系统 (Buffer System) ​

  1. 缓冲区对象概述
  2. VBO：顶点缓冲对象
  3. IBO/EBO：索引缓冲对象
  4. VAO：顶点数组对象
  5. Attribute：顶点属性
  6. Uniform：统一变量
  7. UBO：统一缓冲对象
  8. Varying：变量传递

第五部分：纹理系统 (Texture System) ​

  1. 纹理概述与工作原理
  2. 纹理创建与数据加载
  3. 纹理坐标与映射
  4. 纹理采样与过滤
  5. Mipmap 与多级纹理
  6. 立方体贴图与环境映射
  7. 3D 纹理与体积渲染

第六部分：深度测试与混合 (Depth Testing and Blending) ​

  1. 深度缓冲原理
  2. 深度测试配置与应用
  3. Alpha 混合基础
  4. 混合模式与混合函数
  5. 模板测试与应用

第七部分：光照系统 (Lighting System) ​

  1. 光照模型概述
  2. 环境光实现
  3. 漫反射光照
  4. 镜面反射光照
  5. Phong 光照模型实现
  6. 法线贴图实现
  7. 视差贴图 (Parallax Mapping)
  8. 多光源处理

第八部分：高级特性 (Advanced Features) ​

  1. 帧缓冲对象 FBO
  2. 渲染到纹理
  3. 多重渲染目标 MRT
  4. 实例化渲染
  5. Transform Feedback
  6. WebGL 性能优化策略
  7. WebGL 调试技巧与工具

第九部分：综合实战 (Complete Project) ​

  1. 实战项目：手写 WebGL 渲染器
  2. 常见错误与排查技巧
  3. 从 WebGL 到 Three.js

在 GitHub 上编辑此页