Georgi Nikolov

Software Engineer
Torstra├če 179 / 10115 Berlin / Germany

WebGPU Metaballs

Personal Work

url -

code -

Technologies Used:

Typescript, WebGPU, WGLSL



I wrote this demo to get better at WebGPU as well as learning different graphics techniques. Here is a bunch of things I implemented:

  1. Texture 1: RG: Normal, B: Metallic, A: Mesh ID (ID is used in the deferred pass to apply conditional shading to different meshes)
  2. Texture 2: RGB: Albedo, A: Roughness

WebGPU Compute Metaballs demo screenshot