#Compute Shaders

6 articles tagged with Compute Shaders

WebGPU + WebXR: Rendering Realistic 3D Scenes in Browser-Based AR

Full native WebGPU rendering inside a WebXR session is still catching up across browsers. Here's the pragmatic hybrid pipeline teams are actually shipping today, and how to structure it so you can drop the hybrid part later.

7/9/202613 min read

Writing Custom WebGPU Compute Shaders: High-Performance Matrix Multiplication (MatMul) in WGSL

Learn how to program WebGPU compute shaders using WGSL. Write a high-performance matrix multiplication (MatMul) kernel from scratch using workgroups and local memory.

6/4/202612 min read

WebGPU-Powered Fluid Dynamics: Simulating Smooth Particle Hydrodynamics (SPH) at 60 FPS in the Browser

Learn how to build a real-time fluid dynamics simulation in the browser. Code a Smooth Particle Hydrodynamics (SPH) solver using WebGPU compute shaders and WGSL pipelines.

6/4/202615 min read

Beyond WebGL: Real-Time Fluid Simulations Using WebGPU Compute Shaders

Step into the future of browser graphics: implementing high-performance, real-time particle fluid dynamics utilizing WebGPU compute shader pipelines.

5/29/202611 min read

WebGPU Video Filters: Real-time 4K Processing in JS

Don't let video processing kill your main thread. Discover how to use WebGPU compute shaders to apply complex filters to 4K video streams at 60fps.

4/16/202610 min read

WebGPU: The Death of WebGL? A High-Performance Compute Guide

The browser is no longer single-threaded. With WebGPU, we can access the raw power of the GPU for general-purpose computing. In this 4,200-word deep dive, we build a fluid simulation in the browser using WGSL.

1/28/202628 min read