{"id":22952662,"url":"https://github.com/treelite/webgpu-101","last_synced_at":"2025-07-07T21:40:31.319Z","repository":{"id":146232224,"uuid":"541166544","full_name":"treelite/webgpu-101","owner":"treelite","description":"A series of tutorials about WebGPU","archived":false,"fork":false,"pushed_at":"2023-08-06T10:15:18.000Z","size":659,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-07T15:24:23.320Z","etag":null,"topics":["webgpu","webgpu-step-by-step"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/treelite.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-25T12:37:55.000Z","updated_at":"2023-01-03T04:03:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"d961a2ed-e76f-4eb4-a39e-f20bebd16328","html_url":"https://github.com/treelite/webgpu-101","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/treelite%2Fwebgpu-101","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/treelite%2Fwebgpu-101/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/treelite%2Fwebgpu-101/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/treelite%2Fwebgpu-101/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/treelite","download_url":"https://codeload.github.com/treelite/webgpu-101/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246726826,"owners_count":20823885,"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","webgpu-step-by-step"],"created_at":"2024-12-14T15:39:48.381Z","updated_at":"2025-04-01T23:27:41.243Z","avatar_url":"https://github.com/treelite.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WebGPU 101\n\nThis is a series of tutorials about [WebGPU](https://www.w3.org/TR/webgpu)\n\n[这个系列的文章](https://webgpu.treelite.me)记录于笔者从零开始的 WebGPU 学习过程，希望能给同样对在浏览器上实现 3D 渲染感兴趣的同学有所启发和帮助。\n\n## 计划中的内容\n\n* [Hello WebGPU](https://webgpu.treelite.me/chapter-0.html)，搭建开发环境并实现第一个 WebGPU 程序\n* [2D绘图](https://webgpu.treelite.me/chapter-1.html)，在 2D 坐标系下进行绘图，涉及渲染管线、顶点着色器、片原着色器\n* [基本动画](https://webgpu.treelite.me/chapter-2.html)，涉及矩阵变化及缓冲区数据交换\n* 3D绘图，在 3D 坐标系下进行绘图，涉及矩阵顶点索引及其深度检测\n* 纹理贴图\n* 光线\n* 阴影\n* 粒子效果\n* 导入 3D 模型\n* ...\n\n每一部分相应的完整源代码都存储在 [examples](./examples) 目录中。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftreelite%2Fwebgpu-101","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftreelite%2Fwebgpu-101","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftreelite%2Fwebgpu-101/lists"}