Technologies
Three.js
Learn more
This was an exploration for a project that required a blobbing effect, or “metaballs”. The approach I used is based on Signed Distance Fields to determine distance between circles (blobs), then using gradients and thresholding to create the connections between them.
The entire approach is contained in one fragment shader to take advantage of the per-pixel calculation efficiency.