C++ WebGPU 学习文档:从零开始创建原生 3D 应用程序!

发布时间:2026/7/24 14:07:24
C++ WebGPU 学习文档:从零开始创建原生 3D 应用程序! 内容菜单展开内容菜单包含亮色模式、暗色模式、自动亮色/暗色处于亮色模式、自动亮色/暗色处于暗色模式、语言、跳转到内容等选项。重要提示本文档仍在编写中需要反馈。C WebGPU 学习文档文档配有亮色标志和暗色标志包含多个学习板块如简介、入门指南、基础 3D 渲染、基础计算、高级技术、附录、WebGPU 进阶学习等。入门指南涵盖项目搭建、初识 WebGPU、适配器与设备、命令队列、打开窗口、首次设置颜色、C 包装器等内容。基础 3D 渲染包含绘制首个三角形、输入几何图形、着色器统一变量、3D 网格、纹理处理、交互操作、光照与材质等方面。基础计算涉及计算管线、图像处理、过程式几何图形、神经网络等。高级技术包括实例化绘制、RAII、屏幕截图、无头上下文、高动态范围纹理、性能基准测试、延迟着色、渲染包、多重采样、场景树、阴影映射、细分曲面、光线追踪等。附录包含 2023 年原生图形教学、考虑低端设备、需要反馈、为 Web 环境构建、使用 SDL 进行窗口管理、自定义扩展、调试、内存模型、参考资料、临时页面等。WebGPU 进阶学习也有简介、入门指南、基础 3D 渲染、基础计算、附录等部分。切换语言可切换语言包括英语、法语、俄语、中文、乌克兰语。WebGPU 学习指南本文档用于 C 原生图形开发将引导使用 WebGPU 图形 API用 C 为 Windows、Linux 和 macOS 系统创建原生 3D 应用程序。快速开始若想深入理解每一行 GPU 代码可从简介部分开始按顺序阅读所有章节若想跳过初始样板代码可之后再回顾基础步骤还可查看每页开头和结尾的“最终代码”链接。若更喜欢 C 风格的代码使用“With webgpu.hpp”标签页若想查看原生 C WebGPU API使用“Vanilla webgpu.h”标签页。构建基础代码可参考项目搭建章节的构建部分可在命令行中添加 -DWEBGPU_BACKENDWGPU 或 -DWEBGPU_BACKENDDAWN 选择后端。若希望绘制简单三角形查看绘制首个三角形章节若想实现具有基本交互功能的 3D 网格查看器从光照控制章节末尾开始学习若希望代码能在 Web 环境中运行参考为 Web 环境构建附录调整示例代码。正在建设中本指南仍在编写中WebGPU 标准也在不断发展。章节标题使用不同标识表示内容更新情况如最新版本、可阅读但使用旧版本、进行中、待办等。若想预览未来版本可查看隐藏的进阶学习部分但该部分内容不稳定。使用章节配套代码时需确保使用指定的 webgpu/ 版本。目录目录包含简介、入门指南、基础 3D 渲染、基础计算、高级技术、附录等内容。各部分又细分多个具体章节。