[{"data":1,"prerenderedAt":68},["ShallowReactive",2],{"blog-en-webgpu-the-future":3},{"id":4,"title":5,"body":6,"cover":52,"date":53,"description":54,"draft":55,"extension":56,"locale":57,"meta":58,"navigation":59,"path":60,"seo":61,"stem":62,"tags":63,"__hash__":67},"blog\u002Fblog\u002Fen\u002Fwebgpu-the-future.md","WebGPU: a glimpse of the next graphics era",{"type":7,"value":8,"toc":46},"minimark",[9,13,18,21,27,30,34,37,40,43],[10,11,12],"p",{},"I've worked with WebGL for years, and I owe it a great deal. But WebGL carries the legacy of OpenGL ES — an API from another time, built for hardware that no longer exists in that form. WebGPU breaks with that. It speaks the language of modern graphics cards, and you feel it in every line.",[14,15,17],"h2",{"id":16},"an-api-that-talks-to-the-hardware","An API that talks to the hardware",[10,19,20],{},"WebGPU draws on Vulkan, Metal, and Direct3D 12 — the APIs that drive desktops and mobile devices today. Instead of a global state you laboriously toggle before each draw call, WebGPU thinks in explicit objects: pipelines, bind groups, command buffers. It feels more cumbersome at first, but it's more honest. I see what happens, and the driver has less to guess.",[22,23,24],"blockquote",{},[10,25,26],{},"A good graphics API doesn't hide the hardware — it translates it into a language I can think in.",[10,28,29],{},"Setup is more ceremony than WebGL. Yet once the pipeline stands, the actual render loop is lean and predictable. With many objects this pays off, because the per-draw-call overhead drops noticeably.",[14,31,33],{"id":32},"compute-shaders-open-doors","Compute shaders open doors",[10,35,36],{},"What excites me most are the compute shaders. WebGL really only offered the path through vertex and fragment shaders — anyone wanting GPU computation had to disguise it as rendering. WebGPU allows true computation on the graphics card, away from the screen.",[10,38,39],{},"Suddenly particle systems with hundreds of thousands of elements become thinkable, physics straight on the GPU, procedural generation in real time. For the creative work I love most, this is a new playground.",[10,41,42],{},"I stay cautious nonetheless. As of late 2022, WebGPU isn't stably available everywhere, browser support is still being built out, and for production projects WebGL remains my safe bet. What I build for clients today runs on the proven track.",[10,44,45],{},"But I'm setting my sights forward. I'm building first prototypes, reading the spec, gathering a feel for the new model. When WebGPU is mature — and it will be — I don't want to start from zero. The next graphics era on the web has begun, and I want to be there from the start.",{"title":47,"searchDepth":48,"depth":48,"links":49},"",2,[50,51],{"id":16,"depth":48,"text":17},{"id":32,"depth":48,"text":33},null,"2022-11-12","WebGPU is taking shape as the successor to WebGL — modern architecture, compute shaders, and a promise that leaves me cautiously excited.",false,"md","en",{},true,"\u002Fblog\u002Fen\u002Fwebgpu-the-future",{"title":5,"description":54},"blog\u002Fen\u002Fwebgpu-the-future",[64,65,66],"WebGPU","Graphics","Future","qb6kQvLsDWsyaD_dvUNn58snUV_Jw1UAp7uklVSYtp8",1781596073091]