jack1232 / webgpu-step-by-step Goto Github PK

chrome canary webgpu的flag已经开启了

Thank you for making these step by step tutorials 🥇

Fyi
https://developer.chrome.com/blog/webgpu-release/

The Chrome team is thrilled to announce that WebGPU is now available by default in Chrome 113, which is currently in the Beta channel.

Might be a perfect time to update to newest webgpu version.
Think a lot more people want to try out webgpu more when its not behind a flag in next version

Just tried one and was hit by a few warnings 😄

While running webgpu02...
I've already debugged the pipleine and this is what i'm seeing ...

Type 'IteratorResult<{ view: GPUTextureView; loadValue: { r: number; g: number; b: number; a: number; }; storeOp: "store"; }, any>' is not assignable to type 'IteratorResult<GPURenderPassColorAttachment | null, any>' Type 'IteratorYieldResult<{ view: GPUTextureView; loadValue: { r: number; g: number; b: number; a: number; }; storeOp: "store"; }>' is not assignable to type 'IteratorResult<GPURenderPassColorAttachment | null, any>'. Type 'IteratorYieldResult<{ view: GPUTextureView; loadValue: { r: number; g: number; b: number; a: number; }; storeOp: "store"; }>' is not assignable to type 'IteratorYieldResult<GPURenderPassColorAttachment | null>'. Type '{ view: GPUTextureView; loadValue: { r: number; g: number; b: number; a: number; }; storeOp: "store"; }' is not assignable to type 'GPURenderPassColorAttachment'. Object literal may only specify known properties, and 'loadValue' does not exist in type 'GPURenderPassColorAttachment'.

looks to be an error with this
const renderPass = commandEncoder.beginRenderPass({ colorAttachments: [{ view: textureView, loadValue: { r: 1., g: 1., b: 1., a: 1. }, //background color storeOp: 'store' }] });

I'm not sure how to fix this part...

看报错信息，是size不匹配，这是我的一个解决方法。

Hello, I am following your examples in the book and the videos on youtube and I see you decided to go for a template string inside a typescript file instead of using wgsl extension. I have two questions regarding this:

• Is there a performance impact on doing so? Does it decrease the performance of WebGPU using a template string instead of a .wgsl file?
• How can you pass a vec4 from the pipeline to a fragment wgsl shader?

Thank you very much for sharing your experience.