Text-Smear-Effekt in JavaScript

Ich bin ziemlich erfahren mit Javascript, habe aber nicht viel über die erweiterten Grafikfunktionen (Canvas, WebGL, three.js usw.) gelernt. Ich möchte einen Verzerrungseffekt wie @ erstelldiese, außer ich möchte es auf Text anstatt auf ein Bild anwenden. Grundsätzlich möchte ich Text haben, der auf den ersten Blick wie normales HTML aussieht, aber wenn der Benutzer darüber mauset, sollte sich der Text als Antwort verbiegen / verziehen / verschmieren.

isher habe ich zwei SO-Posts gefunden, die ähnlich sind, aber nicht genau das sind, was ich will: daszuers ist zu einfach, da ich den Text verziehen und biegen möchte, nicht nur die Seite runter. Daszweit ist interessanter, da ich eine Vermutung habe, dass ich eine Bibliothek wie Three.js verwenden muss, um diesen Effekt zu erzielen, aber ich möchte etwas 2D, nicht 3D, und ich möchte die "Form" des Texts tatsächlich verzerren. nicht nur um eine Achse drehen.

Ich frage mich, wie man diesen Effekt erzeugt, ob es einen Namen für den gewünschten Effekt gibt (ich hatte Probleme, gute Beispiele online zu finden), irgendwelche guten Beispiele, Ratschläge, irgendetwas wirklich. Danke im Voraus

Antworten auf die Frage(2)

Ihre Antwort auf die Frage