Estoy tratando de encontrar información o ejemplos que pueda usar para crear un efecto de difuminar / licuar que anima continuamente al estado original.

Inicialmente estaba buscando usar three.js o pixi.js para renderizar texto y luego usar eventos de mouse y proyección de rayos para arrastrar la malla fuera de posición, lo más parecido que he encontrado es esto.

https://codepen.io/shshaw/pen/qqVgbg

let renderer = PIXI.autoDetectRenderer(window.innerWidth,
window.innerHeight, { transparent: true });

Creo que idealmente representaría el texto como una imagen y luego el efecto de difuminado se aplicaría a los píxeles y se animarían lentamente a sus estados originales. Similar a ésto.

http://www.duhaihang.com/#/work/

Creo que es posible que necesite usar un sombreador GLSL personalizado y algún tipo de búfer para mantener el estado original y actual de los píxeles que componen la imagen.

Cualquier ayuda o dirección sería muy apreciada.