介紹

大家好，本系列從0開始學習WebGPU API，并給出相關的demo。

WebGPU介紹

WebGPU是最新的Web 3D圖形API，是WebGL的升級版。
瀏覽器封裝了現代圖形API（Dx12、Vulkan、Metal），提供給Web 3D程序員WebGPU API。

（圖來自于WebGPU 開發狀態與計劃）

為什么要學習WebGPU

• WebGPU更好地支持多線程

• WebGPU支持compute shader，從而讓程序員能利用GPU實現很多優化

• WebGPU與WebGL2的區別很大，兩者不容易兼容。如果要從WebGL1升級，最好直接升級到WebGPU，一勞永逸

• WebGPU是標準，各大瀏覽器都會支持。不像WebGL2，蘋果直接不支持。

• 目前WebGPU雖然還未正式發布，但已經比較成熟了，也有相關的Demo可供學習

目錄

第一部分：

• WebGPU學習（一）: 開篇
• WebGPU學習（二）: 學習“繪制一個三角形”示例
• WebGPU學習（三）:MSAA
• WebGPU學習（四）:Alpha To Coverage
• WebGPU學習（五）: 現代圖形API技術要點和WebGPU支持情況調研
• WebGPU學習（六）：學習“rotatingCube”示例
• WebGPU學習（七）：學習“twoCubes”和“instancedCube”示例
• WebGPU學習（八）：學習“texturedCube”示例
• WebGPU學習（九）：學習“fractalCube”示例
• WebGPU學習（十）：介紹“GPU實現粒子效果”
• WebGPU學習（十一）：學習兩個優化：“reuse render command buffer”和“dynamic uniform buffer offset”
• WebGPU性能測試分析

第二部分：

• WebGPU+光線追蹤Ray Tracing 開發三個月總結
• 如何用WebGPU流暢渲染百萬級2D物體？
• 如何用WebGPU流暢渲染千萬級2D物體：基于光追管線
• WebGPU的計算著色器實現冒泡排序
• WebGPU實現Ray Packet

其它：

• WebGPU帶來的可能性