Искажение изображения за курсором мыши. Есть такой скрипт??

Question

[Сергей]

Необходим эффект "искажения/лёгкой ряби" бекграунда на сайте который следует за курсором мыши.
То есть курсором водишь и вокруг него изображение немного искажается.

Пробовал https://github.com/sirxemic/jquery.ripples

Но там немного не то. Идут круги по воде, а не рябь. И они расходятся на всё изображение, а нужен небольшой радиус. А потом вообще всё виснет наглухо.

Comments

[Максим]

я вообще в восторге от твоего канала ! Ещё больше скажу - что рад видить здесь

[Сергей]

Спасибо)

Answer 1

[Максим Тимофеев]

Я думаю проще кинуть canvas на background и там генерить линии и их анимацию. Скрипта такого не встречал
И вот еще: https://codepen.io/mpopv/pen/zzENQQ
И еще варианты где порыться можно:
https://codemyui.com/tag/distortion-effect/
https://codepen.io/search/pens?q=distortion&page=1...

Comments

[Сергей]

Спасибо - буду пробовать.

Answer 2

[Аваз Адыгезалов]

pcvector.net/codepen/595-slezhenie-za-kursorom.html
может поможет