红尘散仙

八、WebGPU 基础入门——加载图像纹理 本节将介绍如何加载图像纹理到 WebGPU 中，并在屏幕上绘制出来。我们将使用 image crate 来加载图像文件，并将其转换为 WebGPU 可用的纹

七、WebGPU 基础入门——Texture 纹理 之前，我们探讨了用于向着色器传递数据的关键数据类型GPUBuffer，这其中包括了UniformBuffer、StorageBuffer以及Vert

六、WebGPU 基础入门——Vertex 缓冲区和 Index 缓冲区 WebGPU中的顶点缓冲区是存储顶点数据（如位置、颜色、纹理坐标等）的GPU显存区域，用于向顶点着色器提供几何图形渲染所需的数

五、WebGPU 基础入门——Storage 缓冲区 WebGPU中的Storage缓冲区是一种允许着色器读写、存储动态数据的缓冲区，适用于需要修改或处理大规模数据的场景（如计算着色器、粒子系统）。这

四、WebGPU 基础入门——Uniform 缓冲区与内存对齐 上一节，我们通过 WebGPU 创建了一个简单的三角形，并渲染到屏幕上。这节我们将学习如何使用 Uniform 缓冲区传递数据到着色器中

本节将通过一个简单的例子，带你一步步认识WebGPU的渲染管线，并学习如何编写顶点着色器和片元着色器。我们将使用TypeScript和Rust两种编程语言来实现这个例子。 由于两种语言渲染的环境不一样

WebGPU简介 WebGPU 是由 W3C GPU for the Web 工作组主导设计的新一代 Web 图形与计算 API，旨在为现代 GPU 硬件提供底层访问能力，同时兼顾跨平台兼容性（支持

前言 本系列文章源于我的WebGPU技术学习实践，尝试通过TypeScript与Rust双重视角解构现代图形API的设计哲学。区别于单一语言的学习路径，这种跨语言对照的方式能够更清晰地揭示： API抽

两个月前的一个慵懒周末，我正躺在沙发里沉浸在番茄小说的世界中。突然，一个念头冒了出来：要是有个更顺手的阅读工具该多好啊！这个想法就像一颗种子，在我心里悄悄扎了根。于是，我就想，干嘛不自己动手做个