Видео

This video series is pure gold! Keep 'em coming!

Very good Francesco, I'm likely going to learn Rust in the future for WEBGPU stuff. It also pays to know Linux commands/tools like Cat and Buffer to understand how this works.

Great series for webGpu! Is general purpose programming in webGpu covered in some of your videos?

Man I never comment on RUclips but I want to thank you from the bottom of my heart for these videos. Super helpful and just straight to the point. A real dawg Cheers 🙌🙌

thanks, The browser itself only has 60 frames per second, so there shouldn't be such a problem, right?

Awesome content, keep it up!

@3Angle 您好， 我在后处理中想开启 MASS， 将配置 const sampleCount = 4; const pipeline = device.createRenderPipeline({ ... multisample: { count: sampleCount, }, }); const texture = device.createTexture({ size: [canvas.width, canvas.height], sampleCount, format: presentationFormat, usage: GPUTextureUsage.RENDER_ATTACHMENT, }); 这种方式始终通不过，目前一直报以下一些错误，您能帮忙解读一下，我哪里写错了吗？ index.html:1 Sample type for multisampled texture binding was TextureSampleType::Float. - While validating entries[1] - While validating [BindGroupLayoutDescriptor "vs:quad_vert_wgsl fs:fxaa_shader 2"] - While calling [Device "device"].CreateBindGroupLayout([BindGroupLayoutDescriptor "vs:quad_vert_wgsl fs:fxaa_shader 2"]). 15:37:36.056 index.html:1 [Invalid BindGroupLayout "vs:quad_vert_wgsl fs:fxaa_shader 2"] is invalid. - While calling [Device "device"].CreatePipelineLayout([PipelineLayoutDescriptor "vs:quad_vert_wgsl fs:fxaa_shader"]). 15:37:36.056 index.html:1 [Invalid BindGroupLayout "vs:quad_vert_wgsl fs:fxaa_shader 2"] is invalid. - While validating [BindGroupDescriptor] against [Invalid BindGroupLayout "vs:quad_vert_wgsl fs:fxaa_shader 2"] - While calling [Device "device"].CreateBindGroup([BindGroupDescriptor]). 15:37:36.056 index.html:1 [Invalid PipelineLayout "vs:quad_vert_wgsl fs:fxaa_shader"] is invalid. - While calling [Device "device"].CreateRenderPipeline([RenderPipelineDescriptor "quad_vert_wgsl|fxaa_shader"]).

你太厉害了，发生报错的时候，我看到后毫无思路，您很快就解决了！厉害！

Thanks for making these videos! Trying to wrap my head around all these rendering concepts and boilerplate code. But I'm learning alot!

Please blow up the font my love, your screen has enough empty real estate

const maxDt = 1; // Maximum delta time in seconds (e.g., 100 ms) const now = performance.now(); let dt = (now - lastTimeRef.current) / 1000; dt = Math.min(dt, maxDt); // Cap `dt` to prevent large jumps due to switching tabs in the browser helps handle odd behaviour with speed due to window.requestAnimationLoop

Can you create written articles for us to follow?

我感觉c# 版本的WebGPU 比web 版本的更复杂

If you're not interested in presentation info and are already familiar with how graphics work 06:25

Thank you so much for putting these videos together. It is helping me alot! I've been wanting to work with wgpu and C# for some time now, but it seemed like such a daunting task. Really hope you will continue with this series of videos!

“Hello World!” go on！

为什么您选择c#，而不使用c++ 或 rust呢？c#的性能与JavaScript相比会有提升吗？

声音有些小

you have no idea how much i’ve been looking for this lol there’s almost nothing on webgpu in c#

Looking forward to the series

Thank you for the hard work. I'm hoping to go from 0 to the end and see what I can learn best about it. My hope is that I can actually make some sort of "2d game framework" with metal

Is it possible to use WebGPU without webpack and node.js stuff? Just pure WebGPU and browser?

Thank you very much, learned more!

It was amazing! Thank you!

是否可以考虑重复使用渲染管线pipeline, 不使用pipeline2, 更改相机，更新渲染管线pipeline, 更新viewport , 然后重新渲染呢？

excellent！

Get

Thanks

Webgpu development tools recommend using "webgpu inspector"

👏👏👏

非常感谢，学到了很多！

thx

Amazing

另外normalMatrix 是不是可以在WGSL中直接通过worldMatrix计算？

哦，学习了，非常棒，非常感谢！ 点光源会考虑加入衰减吗？ 后续还会加入聚光灯吗？

又来关注您有没有更新了，哈哈！

下一次是不是会把 specular light 也加入？元宵节快乐！

👏👏👏 thank you for this, learning a lot.

waiting update 😀

Learned, thank you very much！

不理解旋转矩阵为什么这样写的？ [ Rx, Ux, Fx, 0, Ry, Uy, Fy, 0, Rz, Uz, Fz, 0, 0, 0, 0，1 ]

Very much thanks!

相机向上移动，显示的结果与我们看到的不一致，这一部分我看了两遍，不知道理解的对不对，是不是因为我们在构建投影矩阵的时候就把Y轴给翻转了，因为我们要适配屏幕的坐标，所以与我们理解的正好相反呢

Great content. Is this supposed to be watched before/after your webgpu 2d tutorial or is it standalone? P.S: please make the audio louder, I can barely hear what you say on max volume. Without subtitles it would be really hard to follow the tutorial.

I hear you. I'll write more comments. hahahahaha.

whenever you get a warning in vscode, you can just hover your mouse cursor over an underlined variable to see what the issue is

Cool. Waiting for WebGPU

const transforms: Array<Mat4x4> = [] const transforms2: Float32Array= new Float32Array(100 * 16) for (let i = 0; i < 100; i++) { const trans = Mat4x4.translation( Math.random() * 20 - 10, Math.random() * 20 - 10, Math.random() * 10 + 10, ) transforms2.set(trans, i * 16) transforms.push(trans) // transformsBubffer.update(trans,i*Mat4x4.BYTE_SIZE) } transformsBubffer.update(transforms2) 这里也可以通过transforms2 一次更新，这样效率是不是会更好

why different

Your explanation of orthogonal projection was very easy to understand. I finally grasped the origin of this matrix. Thank you!