Как сделать такую анимацию смены слайдов?

Question

[Alexander Shalimov]

Всем привет.
Интересует как сделать такую анимацию смены слайдов для сайта.
Пример видео с нужной анимацией смены слайдов

Может кто видел слайдер с такой функцией или библиотеку?

Comments

[Владимир Юрченков]

Да скачай любой пак слайдеров, точно найдете, на крайний случай объедините два эффекта.

Answer 1

[RAX7]

Comments

[Alexander Shalimov]

Ну на данный момент это лучшее решение, которое я нашёл.
Есть только 2 вопроса:
1) В таком решении можно добавить более 2 слайдов?
2) И как можно поставить его на паузу?

[RAX7]

Alexander Shalimov,
1) в шейдер передаются 2 текстуры (картинки) uT0 и uT1 и значение uProgress, которое пробегает от 0 до 1. В результате и происходит анимированный переход. Что бы добавить больше слайдов нужен массив текстур которые будут попарно передаваться в uT0 и uT1, при этом значение uProgress должно заново пробегать от 0 до 1.
2) если не менять значение uProgress, то анимация приостановиться. Либо можно использовать метод PIXI app.stop()