Georgi Nikolov

Software Engineer

connect@georgi-nikolov.com
Torstra├če 179 / 10115 Berlin / Germany

WebGPU Metaballs

2022
Personal Work

url - https://gnikoloff.github.io/webgpu-compute-metaballs/

code - https://github.com/gnikoloff/webgpu-compute-metaballs


Technologies Used:

Typescript, WebGPU, WGLSL

Role:

Development


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