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