How to develop a WEBGL slider with a distortion effect?

Question

WebGL

Please tell me how you can develop a slider with a timer, auto-scroll, change slides with arrows, mouse wheel and by clicking on the arrows, with slide numbering (for example 03/06) with a distortion effect like here: https://tympanus.net/Development/webGLImageTransit ... ?

I found the sources, someone managed to integrate webgl with swipers.js ( https://github.com/actarian/swiper-webgl) and I managed to implement everything I needed on swiper js, but in this example the animation itself is a crutch, it somehow it does not work correctly, sometimes with a delay, sometimes vice versa quickly (this can be seen on the source itself: https://actarian.github.io/swiper-webgl/)