这一过程须要用到绑定组、VBO、着色器等对象或资源，而后最终能输入一些内容，譬如渲染管线输入色彩值（以色彩附件模式），计算管线输入到其指定的中央，此处就不列举太具体了。

系列博客总目录：[链接]对应文档中的 [链接]对于着色器模块的创立，与 WebGL 中的 Shader 有改良，提供了编译信息。GPUShaderModule 接口这个接口是能够序列化的，意味着能够传递其援用进行多线程编程。它是不可变对象（只读），所以不存在抵触的问题。 {代码…} 创立创立一个 GPUShaderModule，须要调用 device.create…

为了实现这个过程（CPU到GPU），WebGPU 设计了几个对象用于治理这些数据，这些数据包含 某些GPUBuffer（例如UBO，然而不包含VBO）、GPUTexture、GPUSampler、存储型纹理、内部纹理五种，这几个对象是：

通过 device.createSampler() 办法即可创立，这个办法一样须要一个对应类型为 GPUSamplerDescriptor 的参数对象。

系列博客总目录：[链接]WebGPU 之纹理1 纹理的创立纹理由 device.createTexture() 创立，类型是 GPUTexture： {代码…} createTexture 办法须要一个 GPUTextureDescriptor 类型的对象： {代码…} 有三个必选参数：size: GPUExtent3D 类型，示意GPUExtent3D 类型format: GPUTextureFormat 类型，即纹理的格局；GPUTextu…

GPUBuffer 示意一块显存。显存中的数据是线性排列的，也就是能够通过偏移量来寻找显存中的数据。有些 GPUBuffer 能够被映射，被映射后的 GPUBuffer 能够通过 JavaScript 中的 ArrayBuffer 拜访。

系列博客总目录：[链接]参考自 [链接]1 navigator.gpuGPU 对象能在浏览器环境（Window环境）获取，也能够在非共享全局 Worker 中获取，其接口定义如下： {代码…} 能够通过拜访 navigator.gpu 来拜访 GPU 对象。2 GPU对应 [链接]GPU 是 WebGPU 的入口，能够通过 navigator.gpu 拜访它。 {代码…} requestAdapter 办法…

系列博客总目录：[链接]WebGPU 基本概念节选翻译，选自 WebGPU Spec 3 Fundamentals，本文列举一部分简略的内容，其余内容当前独自拉出去和其余材料一起谈。1 公共约定节选自 WebGPU Spec 3.1 Conventions① WebGPU 接口WebGPU 接口是外部对象的公开拜访模式，和大多数语言的接口语法提供的性能差不多。这里只需注意，继…

系列博客总目录：[链接]阐明WebGPU 的标准是通过 WebIDL 语言来形容的，本篇次要介绍类型定义。函数定义、继承形容较为简单，故略去。用于定义类型的语法有以下五种。enum枚举类型，通常其枚举值就是 JavaScript 字符串，取值时合乎外面的任意一个即可。 {代码…} 于是，你能够在创立纹理对象时这样用这个枚举： {代码….

我所公布的这一系列博文，均为“WebGPU Spec API”的解读，而且是局部解读，还不肯定在概念、细节上齐全精确。只是，我喜爱吃这螃蟹，尽管确实有点扎嘴。