Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hjlld/LearningWebGPU

WebGPU tutorials inspired by LearningWebGL.com. Use both WGSL and GLSL/SPIR-V.
https://github.com/hjlld/LearningWebGPU

webgpu wgsl

Last synced: 5 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/hjlld/LearningWebGPU
Owner: hjlld
Created: 2019-12-26T11:03:12.000Z (almost 5 years ago)
Default Branch: wgsl
Last Pushed: 2023-06-06T03:06:01.000Z (over 1 year ago)
Last Synced: 2024-08-02T06:14:50.635Z (3 months ago)
Topics: webgpu, wgsl
Language: TypeScript
Homepage:
Size: 2.64 MB
Stars: 543
Watchers: 17
Forks: 45
Open Issues: 7
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-webgpu - LearningWebGPU 教程 (Chinese) - By [@hjlld](https://github.com/hjlld). (Tutorials / Safari)

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)

   - [教程]