Eu tenho bastante experiência com Javascript, mas não me aprofundou muito em seus recursos gráficos avançados (canvas, webGL, three.js, etc.). Eu quero criar um efeito de distorção comoeste, exceto que eu gostaria de aplicá-lo ao texto em vez de uma imagem. Basicamente, quero ter um texto que pareça HTML simples à primeira vista, mas quando o usuário passar o mouse sobre ele, o texto deverá dobrar / distorcer / manchar em resposta.

Até agora, encontrei duas postagens SO que são semelhantes, mas não exatamente o que eu quero: oprimeiro é muito simples, pois quero distorcer e dobrar o texto, não apenas movê-lo para baixo na página. osegundo é mais interessante, pois tenho um palpite de que preciso usar uma biblioteca como Three.js para obter esse efeito, mas quero algo em 2D, não em 3D, e quero realmente distorcer a "forma" do texto, não basta girá-lo em torno de um eixo.

Gostaria de saber como criar esse efeito, se existe um nome para o efeito específico que eu quero (tive problemas para encontrar bons exemplos on-line), quaisquer bons exemplos, conselhos, qualquer coisa realmente. Desde já, obrigado!