Mini curso · 22

Estela “goo”

Círculos que persiguen al cursor y se fusionan como gotas de líquido. La magia no es el movimiento — es un filtro SVG: blur + contraste fuerte.

mueve el mouse
<filter id="goo">
  <feGaussianBlur stdDeviation="10" result="b"/>
  <feColorMatrix in="b" mode="matrix"
    values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -10"/>
</filter>

El blur derrama los círculos unos sobre otros; la matriz de color sube el contraste del alfa para que los bordes borrosos vuelvan a ser una forma sólida — donde dos gotas se solapan, se fusionan. Luego cada círculo solo persigue al anterior (lerp).