https://github.com/treelite/webgpu-101

A series of tutorials about WebGPU
https://github.com/treelite/webgpu-101

webgpu webgpu-step-by-step

Last synced: 11 months ago
JSON representation

A series of tutorials about WebGPU

• Host: GitHub
• URL: https://github.com/treelite/webgpu-101
• Owner: treelite
• License: mit
• Created: 2022-09-25T12:37:55.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-08-06T10:15:18.000Z (almost 3 years ago)
• Last Synced: 2025-02-07T15:24:23.320Z (over 1 year ago)
• Topics: webgpu, webgpu-step-by-step
• Language: CSS
• Homepage:
• Size: 644 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# WebGPU 101

This is a series of tutorials about [WebGPU](https://www.w3.org/TR/webgpu)

[这个系列的文章](https://webgpu.treelite.me)记录于笔者从零开始的 WebGPU 学习过程，希望能给同样对在浏览器上实现 3D 渲染感兴趣的同学有所启发和帮助。

## 计划中的内容

* [Hello WebGPU](https://webgpu.treelite.me/chapter-0.html)，搭建开发环境并实现第一个 WebGPU 程序

* [2D绘图](https://webgpu.treelite.me/chapter-1.html)，在 2D 坐标系下进行绘图，涉及渲染管线、顶点着色器、片原着色器

* [基本动画](https://webgpu.treelite.me/chapter-2.html)，涉及矩阵变化及缓冲区数据交换

* 3D绘图，在 3D 坐标系下进行绘图，涉及矩阵顶点索引及其深度检测

* 纹理贴图

* 光线

* 阴影

* 粒子效果

* 导入 3D 模型

* ...

每一部分相应的完整源代码都存储在 [examples](./examples) 目录中。