Efecto de extensión de texto en JavaScript

Tengo bastante experiencia con Javascript, pero no he profundizado mucho en sus capacidades gráficas avanzadas (canvas, webGL, three.js, etc.). Quiero crear un efecto de distorsión comoéste, excepto que me gustaría aplicarlo al texto en lugar de a una imagen. Básicamente, quiero tener un texto que parezca HTML simple a primera vista, pero cuando el usuario pasa el mouse sobre él, el texto debe doblarse / deformarse / mancharse en respuesta.

Hasta ahora he encontrado dos publicaciones SO que son similares pero no exactamente lo que quiero: elprimero es demasiado simple, ya que quiero deformar y doblar el texto, no solo desplazarlo hacia abajo de la página. lossegundo es más interesante, ya que tengo el presentimiento de que necesitaré usar una biblioteca como Three.js para lograr este efecto, pero quiero algo 2d, no 3d, y quiero deformar la "forma" del texto, no solo gíralo alrededor de un eje.

Me pregunto cómo crear este efecto, si hay un nombre para el efecto específico que quiero (he tenido problemas para encontrar buenos ejemplos en línea), buenos ejemplos, consejos, cualquier cosa realmente. ¡Gracias por adelantado!

Respuestas a la pregunta(1)

Su respuesta a la pregunta