# LearningWebGPU

**Repository Path**: philuo/LearningWebGPU

## Basic Information

- **Project Name**: LearningWebGPU
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: wgsl
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-21
- **Last Updated**: 2021-12-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# LearningWebGPU 教程

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

@deprecated ~~`glsl-spirv` 分支使用 GLSL->SPIR-V 作为着色器语言，使用 [@webgpu/glslang](https://www.npmjs.com/package/@webgpu/glslang) 编译成字节码。~~

`wgsl` 分支使用 [WGSL](https://gpuweb.github.io/gpuweb/wgsl.html) 作为着色器语言。

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

[点击这里阅读](https://github.com/hjlld/LearningWebGPU/blob/wgsl/gpuweb-explainer/explainer.md)


## 教程目录

 - 第 0 课 - 全新的开始

   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson0_Whole_new_start/Code)
   - [教程](https://github.com/hjlld/LearningWebGPU/blob/wgsl/Lesson0_Whole_new_start/Tutorial/Lesson0_Whole_new_start.md) - 完结

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

   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson1_Triangle_and_square/Code)
   - [教程](https://github.com/hjlld/LearningWebGPU/blob/wgsl/Lesson1_Triangle_and_square/Tutorial/Lesson1_Triangle_and_square.md) - 完结

 - 第 2 课 - 添加颜色

   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson2_Add_Color/Code)
   - [教程](https://github.com/hjlld/LearningWebGPU/blob/wgsl/Lesson2_Add_Color/Tutorial/Lesson2_Add_colors.md) - 完结

 - 第 3 课 - 动起来

   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson3_Animate/Code)
   - [教程]

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

   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson4_Someting_real_3D/Code)
   - [教程]

 - 第 5 课 - 引入纹理

   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson5_Texture/Code)
   - [教程]

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

   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson6_Interactive_and_texture_filter/Code)
   - [教程]