This is a series of tutorials about WebGPU
这个系列的文章记录于笔者从零开始的 WebGPU 学习过程,希望能给同样对在浏览器上实现 3D 渲染感兴趣的同学有所启发和帮助。
- Hello WebGPU,搭建开发环境并实现第一个 WebGPU 程序
- 2D绘图,在 2D 坐标系下进行绘图,涉及渲染管线、顶点着色器、片原着色器
- 基本动画,涉及矩阵变化及缓冲区数据交换
- 3D绘图,在 3D 坐标系下进行绘图,涉及矩阵顶点索引及其深度检测
- 纹理贴图
- 光线
- 阴影
- 粒子效果
- 导入 3D 模型
- ...
每一部分相应的完整源代码都存储在 examples 目录中。