Only later I realized that distance fields are composable, meaning I can compute the fields for individual letters, then just take the min value of overlapping fields to get the final fields for the whole canvas. This avoids recalculating the fields on every movement.

made with #threejs & #animejs

Continuing my exploration of the distance fields and the Jump Flooding Algorithm

#threejs #animejs

Anime.js 2026 Guide: Interactive Web Animations

#wordpress #animejs #velocityjs #webanimations

Next topic on my exploration list is something I bookmarked a long time ago: the Jump Flooding Algorithm.

The algorithm builds a distance field, which tells you the distance and direction from each pixel to the nearest pixel of interest (usually called a seed).

#threejs #animejs

some more static renders from the electric field + depth of field visualization,

made with #threejs & #animejs

combining my latest #threejs + #animejs visual explorations into one:

an electric field visualization with shifting depth of field

I made an electromagnetic wave visualization using #threejs and #animejs

🔗 visualrambling.space/sketches/ele...