Эффект размытия текста в JavaScript
У меня большой опыт работы с Javascript, но я не слишком углубился в его продвинутые графические возможности (canvas, webGL, three.js и т. Д.). Я хочу создать эффект искажения вродеэтотЗа исключением того, что я хотел бы применить его к тексту вместо изображения. По сути, я хочу иметь некоторый текст, который на первый взгляд выглядит как обычный HTML, но когда пользователь наводит на него курсор, текст должен изгибаться / деформироваться / смазываться в ответ.
До сих пор я нашел два SO сообщения, которые похожи, но не совсем то, что я хочу:первый это слишком просто, так как я хочу деформировать и сгибать текст, а не просто сдвигать его вниз по странице.второй более интересно, так как у меня есть догадка, мне нужно использовать библиотеку вроде Three.js для достижения этого эффекта, но я хочу что-то 2d, а не 3d, и я хочу фактически деформировать «форму» текста, а не просто вращайте вокруг оси.
Мне интересно, как создать этот эффект, есть ли название для конкретного эффекта, который я хочу (у меня были проблемы с поиском хороших примеров в Интернете), любые хорошие примеры, советы, что-нибудь действительно. Заранее спасибо!