以下是其他一些 webgpu 资源

文章

• 你的第一个 WebGPU 应用
• WGSL 之旅
• WebGPU Unleashed：实用的教程
• 高效地渲染 glTF 模型
• WebGPU 最佳实践
• Rosetta - 在多种着色器语言之间比较
• 3D 图形初学者教程和项目
• WebGPU 渲染包最佳实践

示例

• WebGPU 示例
• WebGPU 延迟渲染
• WebGPU 阴影游乐场
• WebGPU 变形球
• WebGPU 中的 Shadertoy 示例
• 着色器图 WGSL
• 计算玩具

调试 / 分析

• 使用 PIX 分析 WebGPU（仅 Windows）

工具

• WebGPUReport.org - 显示你的 WebGPU 功能

库

3D 库

• three.js 示例
• babylon.js

实用工具

• webgpu-utils - 帮助设置 uniform 缓冲区数据等
• wgsl-struct-buffer - 在 TypeScript 中使用类型检查和推断的 wgsl 结构体缓冲区视图
• TypeGPU - 以类型安全、声明式的方式管理 WebGPU 资源。

调试 / 分析库

• webgpu_inspector - 检查 webgpu 资源和命令
• webgpu-dev-extension - 作为扩展提供各种调试和开发帮助。
• webgpu-helpers - 各种调试和开发的帮助函数。
• webgpu-memory - 告诉你正在使用多少内存
• webgpu-avoid-redundant-state-setting - 检查你的代码中是否有冗余的 WebGPU 调用
• webgpu_recorder - 将 WebGPU 记录到 .HTML 文件。有助于制作 bug/问题的独立仓库。

游戏开发

Web Game Dev