
Learn what key data structures and types are needed to draw in WebGPU.Get started with GPU Compute on the web.WebGPU - All of the cores, none of the canvas.That's why I'll link to existing high-quality content in this article for you to get started with WebGPU. It is very powerful, quite verbose, and requires understanding key concepts before diving into it. The GPU adapter returned by () may be null. New 3D experiences can be built today on Babylon.js Playground.ĭavid Catuhe, Creator of Babylon.js A Babylon.js demo of a rough sea being simulated using WebGPU's compute shader capability. WebGPU gets us closer to the metal and it also unlocks the power of compute shader for Web developers. "After a decade of WebGL bringing 3D graphics to the web and enabling all sorts of new experiences, it's now time to upgrade the stack and help web developers take full advantage of modern graphics cards.

Whereas WebGL is mostly for drawing images but can be repurposed with great effort for other kinds of computations, WebGPU provides first-class support for performing general computations on the GPU.Īfter four years of development in the W3C's "GPU for the Web" Community Group, WebGPU is now ready for developers to try in Chrome and give feedback on the API and the shading language. This goal is similar to the WebGL family of APIs, but WebGPU enables access to more advanced features of GPUs.

Webgpu is a new web API that exposes modern computer graphics capabilities, specifically Direct3D 12, Metal, and Vulkan, for performing rendering and computation operations on a graphics processing unit (GPU).
