Skip to content

Latest commit

 

History

History
20 lines (15 loc) · 927 Bytes

README.md

File metadata and controls

20 lines (15 loc) · 927 Bytes

WebGPU 101

This is a series of tutorials about WebGPU

这个系列的文章记录于笔者从零开始的 WebGPU 学习过程,希望能给同样对在浏览器上实现 3D 渲染感兴趣的同学有所启发和帮助。

计划中的内容

  • Hello WebGPU,搭建开发环境并实现第一个 WebGPU 程序
  • 2D绘图,在 2D 坐标系下进行绘图,涉及渲染管线、顶点着色器、片原着色器
  • 基本动画,涉及矩阵变化及缓冲区数据交换
  • 3D绘图,在 3D 坐标系下进行绘图,涉及矩阵顶点索引及其深度检测
  • 纹理贴图
  • 光线
  • 阴影
  • 粒子效果
  • 导入 3D 模型
  • ...

每一部分相应的完整源代码都存储在 examples 目录中。