{"id":13523181,"url":"https://github.com/hjlld/LearningWebGPU","last_synced_at":"2025-04-01T00:30:58.163Z","repository":{"id":39333521,"uuid":"230249283","full_name":"hjlld/LearningWebGPU","owner":"hjlld","description":"WebGPU tutorials inspired by LearningWebGL.com. Use both WGSL and GLSL/SPIR-V.","archived":false,"fork":false,"pushed_at":"2023-06-06T03:06:01.000Z","size":2773,"stargazers_count":543,"open_issues_count":7,"forks_count":45,"subscribers_count":17,"default_branch":"wgsl","last_synced_at":"2024-08-02T06:14:50.635Z","etag":null,"topics":["webgpu","wgsl"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hjlld.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-12-26T11:03:12.000Z","updated_at":"2024-07-18T13:00:24.000Z","dependencies_parsed_at":"2024-01-13T22:25:27.254Z","dependency_job_id":"d6b3b6cf-69c0-4356-942f-3e36cc2e8349","html_url":"https://github.com/hjlld/LearningWebGPU","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hjlld%2FLearningWebGPU","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hjlld%2FLearningWebGPU/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hjlld%2FLearningWebGPU/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hjlld%2FLearningWebGPU/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hjlld","download_url":"https://codeload.github.com/hjlld/LearningWebGPU/tar.gz/refs/heads/wgsl","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222688173,"owners_count":17023297,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["webgpu","wgsl"],"created_at":"2024-08-01T06:00:56.555Z","updated_at":"2024-11-02T07:31:23.252Z","avatar_url":"https://github.com/hjlld.png","language":"TypeScript","funding_links":[],"categories":["教程与指南","TypeScript","Tutorials"],"sub_categories":["Safari"],"readme":"# LearningWebGPU 教程\r\n\r\n本教程受原本的 LearningWebGL.com 中的 WebGL 教程启发。\r\n\r\n@deprecated ~~`glsl-spirv` 分支使用 GLSL-\u003eSPIR-V 作为着色器语言，使用 [@webgpu/glslang](https://www.npmjs.com/package/@webgpu/glslang) 编译成字节码。~~\r\n\r\n`wgsl` 分支使用 [WGSL](https://gpuweb.github.io/gpuweb/wgsl.html) 作为着色器语言。\r\n\r\n## WebGPU 标准释义 - 中文版（非官方，自翻版）\r\n\r\n[点击这里阅读](https://github.com/hjlld/LearningWebGPU/blob/wgsl/gpuweb-explainer/explainer.md)\r\n\r\n\r\n## 教程目录\r\n\r\n - 第 0 课 - 全新的开始\r\n\r\n   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson0_Whole_new_start/Code)\r\n   - [教程](https://github.com/hjlld/LearningWebGPU/blob/wgsl/Lesson0_Whole_new_start/Tutorial/Lesson0_Whole_new_start.md) - 完结\r\n\r\n - 第 1 课 - 三角和方块的故事\r\n\r\n   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson1_Triangle_and_square/Code)\r\n   - [教程](https://github.com/hjlld/LearningWebGPU/blob/wgsl/Lesson1_Triangle_and_square/Tutorial/Lesson1_Triangle_and_square.md) - 完结\r\n\r\n - 第 2 课 - 添加颜色\r\n\r\n   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson2_Add_Color/Code)\r\n   - [教程](https://github.com/hjlld/LearningWebGPU/blob/wgsl/Lesson2_Add_Color/Tutorial/Lesson2_Add_colors.md) - 完结\r\n\r\n - 第 3 课 - 动起来\r\n\r\n   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson3_Animate/Code)\r\n   - [教程]\r\n\r\n - 第 4 课 - 真正的 3D 物体\r\n\r\n   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson4_Someting_real_3D/Code)\r\n   - [教程]\r\n\r\n - 第 5 课 - 引入纹理\r\n\r\n   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson5_Texture/Code)\r\n   - [教程]\r\n\r\n - 第 6 课 - 键盘输入和纹理过滤\r\n\r\n   - [代码](https://github.com/hjlld/LearningWebGPU/tree/wgsl/Lesson6_Interactive_and_texture_filter/Code)\r\n   - [教程]","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhjlld%2FLearningWebGPU","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhjlld%2FLearningWebGPU","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhjlld%2FLearningWebGPU/lists"}