hjlld / LearningWebGPU

WebGPU tutorials inspired by LearningWebGL.com. Use both WGSL and GLSL/SPIR-V.

LearningWebGPU 教程

本教程受原本的 LearningWebGL.com 中的 WebGL 教程启发。

@deprecated glsl-spirv 分支使用 GLSL->SPIR-V 作为着色器语言，使用 @webgpu/glslang 编译成字节码。

wgsl 分支使用 WGSL 作为着色器语言。

WebGPU 标准释义 - 中文版（非官方，自翻版）

点击这里阅读

教程目录

• 第 0 课 - 全新的开始

  • 代码
  • 教程 - 完结

• 第 1 课 - 三角和方块的故事

  • 代码
  • 教程 - 完结

• 第 2 课 - 添加颜色

  • 代码
  • 教程 - 完结

• 第 3 课 - 动起来

  • 代码
  • [教程]

• 第 4 课 - 真正的 3D 物体

  • 代码
  • [教程]

• 第 5 课 - 引入纹理

  • 代码
  • [教程]

• 第 6 课 - 键盘输入和纹理过滤

  • 代码
  • [教程]