隨筆分類(lèi) - WebGPU
摘要：大家好~我開(kāi)設(shè)了“WebGPU光追引擎基礎(chǔ)課”的線上課程，從0開(kāi)始，在課上帶領(lǐng)大家現(xiàn)場(chǎng)寫(xiě)代碼，使用WebGPU開(kāi)發(fā)基礎(chǔ)的光線追蹤引擎 課程重點(diǎn)在于基于GPU并行計(jì)算，實(shí)現(xiàn)BVH構(gòu)建和遍歷 本課程使用自主開(kāi)發(fā)的Meta3D低代碼開(kāi)發(fā)平臺(tái)來(lái)開(kāi)發(fā)和共享老師和學(xué)生的代碼，方便大家自由分享 線上課程資料： 本
閱讀全文
摘要：大家好~我開(kāi)設(shè)了“WebGPU光追引擎基礎(chǔ)課”的線上課程，從0開(kāi)始，在課上帶領(lǐng)大家現(xiàn)場(chǎng)寫(xiě)代碼，使用WebGPU開(kāi)發(fā)基礎(chǔ)的光線追蹤引擎 課程重點(diǎn)在于基于GPU并行計(jì)算，實(shí)現(xiàn)BVH構(gòu)建和遍歷 本課程使用自主開(kāi)發(fā)的Meta3D低代碼開(kāi)發(fā)平臺(tái)來(lái)開(kāi)發(fā)和共享老師和學(xué)生的代碼，方便大家自由分享 線上課程資料： T
閱讀全文
摘要：大家好~我開(kāi)設(shè)了“WebGPU光追引擎基礎(chǔ)課”的線上課程，從0開(kāi)始，在課上帶領(lǐng)大家現(xiàn)場(chǎng)寫(xiě)代碼，使用WebGPU開(kāi)發(fā)基礎(chǔ)的光線追蹤引擎
課程重點(diǎn)在于基于GPU并行計(jì)算，實(shí)現(xiàn)BVH構(gòu)建和遍歷
閱讀全文
摘要：大家好~本文在如何用WebGPU流暢渲染百萬(wàn)級(jí)2D物體？基礎(chǔ)上進(jìn)行優(yōu)化，使用WebGPU實(shí)現(xiàn)了Ray Packet，也就是將8*8=64條射線作為一個(gè)Packet一起去訪問(wèn)BVH的節(jié)點(diǎn)。這樣做的好處是整個(gè)Packet只需要一個(gè)維護(hù)BVH節(jié)點(diǎn)的Stack，節(jié)省了GPU Shared Memory；壞處是一個(gè)Packet的64條射線是并行計(jì)算的，需要實(shí)現(xiàn)同步邏輯，并且針對(duì)GPU的架構(gòu)進(jìn)行并行優(yōu)化
閱讀全文
摘要：
大家好~本文使用WebGPU的計(jì)算著色器，實(shí)現(xiàn)了奇偶排序。
奇偶排序是冒泡排序的并行版本，在1996年由J Kornerup提出。它解除了每輪冒泡間的串行依賴以及每輪冒泡內(nèi)部的串行依賴，使得冒泡操作可以并行執(zhí)行
閱讀全文
大家好~本文使用WebGPU的計(jì)算著色器，實(shí)現(xiàn)了奇偶排序。
奇偶排序是冒泡排序的并行版本，在1996年由J Kornerup提出。它解除了每輪冒泡間的串行依賴以及每輪冒泡內(nèi)部的串行依賴，使得冒泡操作可以并行執(zhí)行
閱讀全文
摘要：
大家好~本文基于光追管線實(shí)現(xiàn)，主要進(jìn)行了CPU和GPU端內(nèi)存的優(yōu)化，成功地將渲染的2D物體數(shù)量由4百萬(wàn)提高到了2千萬(wàn)
閱讀全文
大家好~本文基于光追管線實(shí)現(xiàn)，主要進(jìn)行了CPU和GPU端內(nèi)存的優(yōu)化，成功地將渲染的2D物體數(shù)量由4百萬(wàn)提高到了2千萬(wàn)
閱讀全文
摘要：
大家好~本文使用WebGPU和光線追蹤算法，從0開(kāi)始實(shí)現(xiàn)和逐步優(yōu)化Demo，展示了從渲染500個(gè)2D物體都吃力到流暢渲染4百萬(wàn)個(gè)2D物體的優(yōu)化過(guò)程和思路
閱讀全文
大家好~本文使用WebGPU和光線追蹤算法，從0開(kāi)始實(shí)現(xiàn)和逐步優(yōu)化Demo，展示了從渲染500個(gè)2D物體都吃力到流暢渲染4百萬(wàn)個(gè)2D物體的優(yōu)化過(guò)程和思路
閱讀全文
摘要：大家好，本文對(duì)WebGPU進(jìn)行性能測(cè)試和分析，目的是為了對(duì)比WebGL和WebGPU在“渲染”和“計(jì)算”兩個(gè)維度的性能差異，具體表現(xiàn)為CPU性能和FPS性能兩個(gè)方面的性能數(shù)據(jù)差異。
閱讀全文
摘要：大家好~這三個(gè)月以來(lái)，我一直在學(xué)習(xí)和實(shí)現(xiàn)“基于WebGPU的混合光線追蹤實(shí)時(shí)渲染”的技術(shù)，使用了Ray Tracing管線（如.rgen、.rmiss等著色器）。
現(xiàn)在與大家分享和介紹我目前的學(xué)習(xí)成果，希望對(duì)大家有所幫助！謝謝！
閱讀全文
摘要：大家好，本文介紹了“reuse render command buffer”和“dynamic uniform buffer offset”這兩個(gè)優(yōu)化，以及Chrome->webgpu-samplers->animometer示例對(duì)它們進(jìn)行的benchmark性能測(cè)試。
閱讀全文
摘要：大家好，本文介紹了“GPU實(shí)現(xiàn)粒子效果”的基本思想，并推薦了相應(yīng)的學(xué)習(xí)資料。
閱讀全文
摘要：大家好，本文學(xué)習(xí)Chrome->webgpu-samplers->fractalCube示例。
閱讀全文
摘要：大家好，本文學(xué)習(xí)Chrome->webgpu-samplers->texturedCube示例。
閱讀全文
摘要：大家好，本文學(xué)習(xí)Chrome->webgpu-samplers->twoCubes和instancedCube示例
閱讀全文
摘要：大家好，本文學(xué)習(xí)Chrome->webgpu-samplers->rotatingCube示例
閱讀全文
摘要：大家好，本文整理了現(xiàn)代圖形API的技術(shù)要點(diǎn)，重點(diǎn)研究了并行和GPU Driven Render Pipeline相關(guān)的知識(shí)點(diǎn)，調(diào)查了WebGPU的相關(guān)支持情況。
閱讀全文
摘要：大家好，本系列從0開(kāi)始學(xué)習(xí)WebGPU API，并給出相關(guān)的demo。
閱讀全文
摘要：大家好，本文學(xué)習(xí)與MSAA相關(guān)的Alpha To Coverage以及在WebGPU中的實(shí)現(xiàn)。
閱讀全文
摘要：大家好，本文學(xué)習(xí)MSAA以及在WebGPU中的實(shí)現(xiàn)。
閱讀全文
摘要：大家好，本文學(xué)習(xí)Chrome->webgl-samplers->helloTriangle示例。
閱讀全文
浙公網(wǎng)安備 33010602011771號(hào)