/LearningWebGPU

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

Primary LanguageTypeScript

LearningWebGPU 教程

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

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

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

WebGPU 标准释义 - 中文版(非官方,自翻版)

点击这里阅读

教程目录

  • 第 0 课 - 全新的开始

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

  • 第 2 课 - 添加颜色

  • 第 3 课 - 动起来

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

  • 第 5 课 - 引入纹理

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