不决书

FYI: https://www.youtube.com/watch?v=fEjZrwDKdi8&list=PLW3Zl3wyJwWOpdhYedlD-yCB7WQoHf-M...

不决书

代码分析说明：使用计算管线 blur.wgsl fullscreenTexturedQuad.wgsl 总结步骤 简单总结就是，通过计算管线将图片进行了多轮的采样计算，使图像...

不决书

代码分析说明：本案例主要是纹理相关参数的展示 texturedSquare.wgsl texturedSquare.wgsl 总结步骤 该案例相对比较复杂，后续在继续研究，本...

不决书

代码分析说明： 顶点着色器 片元着色器 总结步骤 在 createBindGroup的传参中，视频资源也可以传递 VideoFrame 类型，通过这种类型可以获取每一帧的相关...

不决书

代码分析说明： 顶点着色器 片元着色器 总结步骤： 该示例主要是如何将视频加入到WebGPU渲染中 加载视频 在createBindGroup中，绑定纹理采用device.i...

不决书

代码分析说明： 计算管线shader 顶点片元着色器 总结步骤： 计算管线与渲染管线的同步 计算管线计算的传入的数据与计算的数据两个buffer 交替 渲染管线与计算管线公用...

不决书

代码分析说明： 顶点着色器 片元着色器 总结步骤 渲染管线中的裁剪模式更改为 none 或者 front 根据 cube 的[+X, -X, +Y, -Y, +Z, -Z]面...

不决书

代码分析说明： 相机 camera 代码 input 代码 顶点 片元着色器 总结步骤： createInputHandler 方法监视了鼠标的操作及键盘的 A S D W ...

不决书

代码分析说明： 顶点着色器 片元着色器 总结步骤 实现渲染目标纹理的绘制过程： context.configure 纹理上下文配置中，需要配置用例可拷贝 usage: GPU...

不决书

代码分析说明： 顶点着色器 片元着色器 总结步骤 实例化渲染的不同之处： 创建一个可以容纳所有实例化矩阵大小的buffer 为每个实例创建不同的模型矩阵，并将所有的模型矩阵与...

不决书

代码分析说明： 总结步骤 创建了三个BindGroupLayout,分别是timeBindGroupLayout 、bindGroupLayout 、dynamicBindG...

不决书

代码分析说明： 顶点着色器 片元着色器 顶点数据定义 （略） 总结步骤： 为几何体贴图，需要device.createTexture 创建纹理贴图对象 需要创建采样器devi...

不决书

代码分析说明：部分说明已经在上一个案例中解释，请参考Rotating Cube[https://www.jianshu.com/p/c1a46eb1b5e6] 顶点着色器 (...

不决书

代码分析说明： 顶点着色器 片元着色器 顶点数据定义 总结步骤 立方体为三维物体，所以需要开启深度测试，在 device.createRenderPipeline的参数中，...

不决书

代码分析说明：部分说明请参考 Hello Triangle MSAA[https://www.jianshu.com/p/363dcaed98cd] 以下只解释该功能的实现部...

不决书

代码分析说明：部分说明请参考 Hello Triangle[https://www.jianshu.com/p/be69f7a74566] 以下只解释该功能的实现部分代码 顶...

不决书

代码分析说明： 顶点着色器 片段着色器 总结步骤： navigator.gpu.requestAdapter 申请适配器 adapter.requestDevice 申请设备...