jack1232/webgpu02

webgpu02's Issues

ColorAttachmentError

Hi Jack,

I got below error when running the WebGPU02 code. Could you please make a fix?
I tried to add a "loadOp: 'load'" property as suggested by the error message, however, the triangle did not show up on my Chrome Canary Index page.

const renderPass = commandEncoder.beginRenderPass({
colorAttachments: [{
view: textureView,
loadValue: { r: 0.5, g: 0.5, b: 0.8, a: 1.0 }, //background color
storeOp: 'store'
}]
});

TS2322: Type '{ view: GPUTextureView; loadValue: { r: number; g: number; b: number; a: number; }; storeOp: "store"; }[]' is not assignable to type 'Iterable'.
The types returned by 'Symbol.iterator.next(...)' are incompatible between these types.
Type 'IteratorResult<{ view: GPUTextureView; loadValue: { r: number; g: number; b: number; a: number; }; storeOp: "store"; }, any>' is not assignable to type 'IteratorResult<GPURenderPassColorAttachment, any>'.
Type 'IteratorYieldResult<{ view: GPUTextureView; loadValue: { r: number; g: number; b: number; a: number; }; storeOp: "store"; }>' is not assignable to type 'IteratorResult<GPURenderPassColorAttachment, any>'.
Type 'IteratorYieldResult<{ view: GPUTextureView; loadValue: { r: number; g: number; b: number; a: number; }; storeOp: "store"; }>' is not assignable to type 'IteratorYieldResult'.
Property 'loadOp' is missing in type '{ view: GPUTextureView; loadValue: { r: number; g: number; b: number; a: number; }; storeOp: "store"; }' but required in type 'GPURenderPassColorAttachment'.