/labs/signed-distance-blobs

Signed Distance Blobs

Experimenting with blobs generated from Signed Distance Fields.
Launch

Author

Neil Pullman

Technologies

Three.js

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.

Launch