Orillusion

结合规范来看，个人理解为：

宿主本地=主机集成内存； 列表设备本地=独立显卡内存；

ea6d742c-fb7d-4da2-b802-a23fdb5ca147-image.png

看起来是个WebGPU runtime。未来可以嵌入到类似微信这种大app里面，也可以直接打包成独立app。
好像之前很多公司尝试基于WebGL做过runtime，包括微信小游戏这些。

做过羊肉汤吗？GPUBindGroup 就是那包羊肉辅料，GPUBindGroupLayout 就是羊肉辅料的配方表。
这么比喻有点不妥，其实 bindGroup 主要负责传递到管线的资源的绑定，而 layout 对象是告诉管线进来的资源长啥样（资源的元数据）。

我好像明白了，0，1是建立着色器和GPU缓冲区的一种方式代号，把缓冲区里面的顶点数据和颜色数据引用到着色器里面，联系的方式是buffers里的shaderLocation：0 和着色器里的[[location(0)]],因为我在main文件中创建顶点和颜色数据；
因此在最后的渲染管道中，我需要读取顶点数据和颜色数据的GPUBuffers时，同样也需要进行插槽(通俗讲：一个属性代指一个有序数字)的指向，确保缓冲区内的数据于着色器保持同步进行渲染。

把顶点坐标和颜色数据放在缓冲区写，是因为main.ts是typescript写成的，有代码提示，相比文本的着色器，调试起来更方便。

0b4036c9-5928-4dc3-aaf6-efba13ed146d-image.png

a490cedb-9040-40aa-a2a4-6b9cdc0bfb74-image.png

af509abe-9493-4a6b-ad7a-6d8d7cf3df50-image.png

@shuangliu 明白了，感谢您的回复👍

w3c的doc国内可能不容易打开，可以参看Orillusion的官方翻译
https://www.orillusion.com/zh/wgsl.html#var-and-let