574 字
2 分钟
[1] 初识Wgsl
2026-03-28

WGPU 是 Rust 编写的跨平台图形和计算库,底层基于 WebGPU 标准,支持在 Web 和原生平台上运行。WGSL 是其配套的着色器语言,语法安全现代,是 WebGPU 的官方着色器语言。

前文提到我最近在了解 Bevy,不得不说这框架确实有点东西,但就是版本迭代太快了,API 变来变去的,每次更新都能让代码报一堆错,属实有点折腾。

,寻思着与其干等它稳定下来,不如先去看看它底层用的到底是啥——直接挖到 WGPU 去了。WGPU 是 Bevy 的默认渲染后端,提前了解一下以后遇到渲染相关的问题也能更快定位。

然后就找到了 learn-wgpu-zh 这个教程,作者是国人,写得挺通俗易懂的,适合我这种刚入门的新手。跟着教程走了一遍,总算是把最基础的部分给跑通了。

效果大概是这样:一个五边形(由三个共享顶点的三角形组成),贴了张图上去,另外加了个可以用 WASD 移动的简易摄像机。

图中左上角的 FPS 是我自己加的,方便看看帧数,教程原版是没有这部分的。代码在教程的 tutorial5-6 章节,主要是顶点着色器、片段着色器、纹理绑定和摄像机控制这些基础内容。

接下来打算继续往下学,一个是 WGSL 的语法要再深入看看,另一个是渲染管线这块也想再多学习一下。

另外值得一提的是,WGPU 不仅能做图形渲染,还支持 计算着色器(Compute Shader),也就是说可以用它来实现 GPU 加速计算。之前看别人用 CUDA、OpenCL 搞并行计算感觉挺专业的,现在发现用 WGSL 也能实现类似的功能,而且 WGSL 还能直接跑在 Web 浏览器里,跨平台能力很强。就算不用bevy,学会了wgsl也能用在帮助CPU加速计算方面。

[1] 初识Wgsl
https://www.twocblog.site/posts/wgpu/初识1/
作者
Twoc-Prime
发布于
2026-03-28
许可协议
CC BY-NC-SA 4.0