不決書

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

不決書

代碼分析說明：使用計算管線 blur.wgsl fullscreenTexturedQuad.wgsl 總結(jié)步驟 簡單總結(jié)就是，通過計算管線將圖片進行了多輪的采樣計算公荧，使圖像...

不決書

代碼分析說明：本案例主要是紋理相關(guān)參數(shù)的展示 texturedSquare.wgsl texturedSquare.wgsl 總結(jié)步驟 該案例相對比較復(fù)雜带射，后續(xù)在繼續(xù)研究，本...

不決書

代碼分析說明： 頂點著色器 片元著色器 總結(jié)步驟 在 createBindGroup的傳參中循狰，視頻資源也可以傳遞 VideoFrame 類型窟社，通過這種類型可以獲取每一幀的相關(guān)...

不決書

代碼分析說明： 頂點著色器 片元著色器 總結(jié)步驟： 該示例主要是如何將視頻加入到WebGPU渲染中 加載視頻 在createBindGroup中，綁定紋理采用device.i...

不決書

代碼分析說明： 計算管線shader 頂點片元著色器 總結(jié)步驟： 計算管線與渲染管線的同步 計算管線計算的傳入的數(shù)據(jù)與計算的數(shù)據(jù)兩個buffer 交替 渲染管線與計算管線公用...

不決書

代碼分析說明： 頂點著色器 片元著色器 總結(jié)步驟 渲染管線中的裁剪模式更改為 none 或者 front 根據(jù) cube 的[+X, -X, +Y, -Y, +Z, -Z]面...

不決書

代碼分析說明： 相機 camera 代碼 input 代碼 頂點 片元著色器 總結(jié)步驟： createInputHandler 方法監(jiān)視了鼠標(biāo)的操作及鍵盤的 A S D W ...

不決書

代碼分析說明： 頂點著色器 片元著色器 總結(jié)步驟 實現(xiàn)渲染目標(biāo)紋理的繪制過程： context.configure 紋理上下文配置中绪钥，需要配置用例可拷貝 usage: GPU...

不決書

代碼分析說明： 頂點著色器 片元著色器 總結(jié)步驟 實例化渲染的不同之處： 創(chuàng)建一個可以容納所有實例化矩陣大小的buffer 為每個實例創(chuàng)建不同的模型矩陣灿里，并將所有的模型矩陣與...

不決書

代碼分析說明： 總結(jié)步驟 創(chuàng)建了三個BindGroupLayout,分別是timeBindGroupLayout 、bindGroupLayout 程腹、dynamicBindG...

不決書

代碼分析說明： 頂點著色器 片元著色器 頂點數(shù)據(jù)定義 （略） 總結(jié)步驟： 為幾何體貼圖匣吊，需要device.createTexture 創(chuàng)建紋理貼圖對象 需要創(chuàng)建采樣器devi...

不決書

代碼分析說明：部分說明已經(jīng)在上一個案例中解釋，請參考Rotating Cube[http://www.reibang.com/p/c1a46eb1b5e6] 頂點著色器 (...

不決書

代碼分析說明： 頂點著色器 片元著色器 頂點數(shù)據(jù)定義 總結(jié)步驟 立方體為三維物體寸潦，所以需要開啟深度測試色鸳，在 device.createRenderPipeline的參數(shù)中，...

不決書

代碼分析說明：部分說明請參考 Hello Triangle MSAA[http://www.reibang.com/p/363dcaed98cd] 以下只解釋該功能的實現(xiàn)部...

不決書

代碼分析說明：部分說明請參考 Hello Triangle[http://www.reibang.com/p/be69f7a74566] 以下只解釋該功能的實現(xiàn)部分代碼 頂...