WebGPU相關的資源學習和社群

2022-09-25 13:30:12 字數 1248 閱讀 7463

我在網上搜尋了很多關於webgpu相關的資料;

;#老徐github關於webgpu案例源**的**[2]

#並且我找到乙個非常小眾,不是很知名的webgpu開源引擎 orillusion,這個社群會給你翻譯當前webgpu規範標準以及wgsl著色器語言的文件,orillusion社群**[3]

#有訊息稱,今天也就是2023年的5月份,chrome(不是canary)會支援webgpu的支援,webgpu技術推進加快,這也是全球web技術發展的一項新領域,毫無疑問學習webgpu是非常有前景的一項決定。

我發現了乙個非常好的圖形學習資源[4];這是一位就職於amd的圖形工程師技術部落格,裡面有關於現代圖形api及webgpu的相關技術教程詳解。

#關於webgpu,我覺得一定要認識乙個人brandon jones,並且看一下它的github庫[5],他就職於google,負責webgpu標準的編制和開發工作,並且gl-matrix也是此人維護,下面我將介紹乙個它製作的webgpu渲染場景[6].

開啟這個渲染示例,網頁展示如下,預設是使用webgpu:

有趣的是,我檢視原始碼的glb模型,模型做的非常精細,材質的調整也很逼真,這裡我使用blender軟體開啟了模型,如圖下:

fps的數值對比:webgpu是webgl的10倍

卡頓對比:webgpu在複雜多面下比webgl流暢許多,較單一場景下,流暢度差不了太多;

渲染效果:webgpu的光線顏色及材質反射更鮮豔、真實,webgl相比就差很多;

[1] 徐博士嗶哩嗶哩教程**:jjkkny的個人空間_嗶哩嗶哩_bilibili.

[2] 徐博士案例github案例**:

[3] orillusion社群**:

[4] alain galvan工程師部落格**:

[5] brandon jones github**:

[6] 集群向前著色渲染案例:

ExtJs學習相關的資源

最近開始學習extjs,把找到的一些學習資源鏈結整理在這裡,方便使用。http www.extjs.com extjs的老家,最新最權威的學習資料當然是在這裡了 http www.extjs.com deploy dev docs 最新的文件,學習extjs必看 http www.extjs.com...

前端學習路徑及相關資源

瀏覽器編輯器 文件筆記 mdnice 屬性 html5 特性 選擇器 屬性 文件流 內聯元素 塊狀元素 盒子模型 浮動 定位 層疊規則 bfc 和 ifc 機制 css3 資料型別轉換 函式 物件 作用域 作用域鏈 bom api dom api json ajax j ascript 執行機制 e...

UNIX Linux程式設計相關工具和資源

linux程式設計所用的一些工具 gcc 中文手冊 gnu make 指南 autoconf 2.57手冊 英文 autoconf 2.13手冊 使用 automake 使用cvs進行版本管理 cvs用後感 linux下常用除錯工具 非常好的gdb教程,強烈推薦 gdb英文文件 gdb基本用法 gd...