Project Fugu API 展示區是一組應用程式,這些應用程式使用在 Project Fugu 情境中顯得的 API。如要進一步瞭解 Project Fugu,請參閱功能到達網頁。

篩選條件:

已使用的 API

新增 unorm8x4-bgra 和 1 個元件的頂點格式,可透過未定義的值要求未知限制、WGSL 對齊規則變更、WGSL 效能提升,以及更多功能。

紋理檢視畫面用途、32 位元浮點紋理混合、GPUDevice adapterInfo 屬性、使用無效格式設定畫布內容會擲回 JavaScript 錯誤、篩選紋理上的取樣器限制、擴充子群組實驗、改善開發人員體驗、實驗性支援 16 位元規格化紋理格式等等。

瞭解在最新 GPU for the Web 工作小組會議中討論的新 AI 和轉譯功能。

在 WGSL、GPUCanvasContext getConfiguration()、點和線基元中剪輯距離不得有深度偏誤、子群組包含的內建掃描函式、對多重繪圖間接間接支援、著色器模組編譯選項嚴格數學的實驗性支援,以及移除 GPUAdapter requestAdapterInfo() 等。

雙重來源混合、Metal 上的著色器編譯時間改善、GPUAdapter requestAdapterInfo() 淘汰等。

HDR 支援面板色調對應模式、擴大的子群組支援,以及更多功能。

使用子群組進行實驗、淘汰線條和點的設定深度偏誤、在 preventDefault 時隱藏未擷取的錯誤 DevTools 警告、WGSL 第一等分插取樣等等。

針對 Android 上的 OpenGL ES、GPUAdapter 資訊屬性、WebAssembly 互通性改善等方面的實驗性支援。

提高 maxTextureArrayLayers 限制、為 Vulkan 後端進行緩衝區上傳最佳化、改善著色器編譯時間、提交的指令緩衝區不得重複,以及 Dawn 更新。

請閱讀 2024 年 I/O 大會的 Web AI 摘要。瞭解下一個網頁應用程式適用的新模型、工具和 API。

開發中的子群組,且算繪為 3D 紋理切片。

WebGPU 可讓您在網路上享有高效能的 3D 圖形和資料平行運算。

唯讀和讀寫儲存空間紋理、Service Worker 和共用工作站支援、新的轉接器資訊屬性,以及錯誤修正。

DP4a 內建函式支援、未限制的指標參數、用來反參照 WGSL 中複合的語法糖等等。

開發中的相容性模式、提高 maxVertexAttributes 限制,以及 Dawn 更新。

支援 Android 上的 WebGPU、使用 DXC 進行著色器編譯、計算及轉譯傳遞的時間戳記查詢、將著色器模組的預設進入點、支援 GPUExternalTexture 色彩空間、記憶體堆積資訊等的 display-p3。

探索我們的解決方案,瞭解如何持續自動執行瀏覽器測試及改善應用程式效能。

瞭解如何在標準化硬體設定中,測試用戶端的瀏覽器式 AI 模型,同時維持可擴充、可自動執行。

支援 WGSL 中的 16 位元浮點值、限制增加、深度模板狀態變更、轉接程式資訊更新等。

即時掌握 WebGPU 的最新功能。

瞭解 WebGPU 生態系統如何延伸至 JavaScript、C++ 和 Rust 領域之外。

可篩選的 32 位元浮點紋理、unorm10-10-10-2 頂點格式、RGB10a2uint 紋理格式等。

擴充「copyExternalImageToTexture」的原始碼支援、讀寫和唯讀儲存空間紋理的實驗性支援等等。

取消設定頂點緩衝區並繫結群組,讓遺失的裝置看似可運作等等。

WebCodecs 整合、改善影片播放等。

支援的 WGSL 語言擴充功能和 Direct3D 11 實驗性支援等等。

JavaScript 最佳化等。

WebGPU 在 Chrome 中隨附 WebCodecs 來源試用服務。

Chrome 團隊推出 WebGPU,以便在網路上提供高效能 3D 圖形和資料平行計算。

Learn why WebGPU may be disabled or not working in Chrome browser.

Learn how to build an app with WebGPU for the web and specific platforms.

Part 2/2. Learn how WebAssembly and WebGPU enhancements improve machine learning performance on the web.

Part 1/2. Learn how WebAssembly and WebGPU enhancements improve machine learning performance on the web.

Learn some tips for WebGL developers who are migrating to WebGPU.

Learn how WebGPU unlocks the power of the GPU for faster machine learning performance and better graphics rendering.

This post explores the experimental WebGPU API through examples and helps you get started with performing data-parallel computations using the GPU.