Как повторить этот эффект перехода слайдера?

Question

[Рауф Ангиров]

как повторить этот эффект перехода слайда на главном экране.
Ссылка удалена модератором.

Comments

[Виталий Першин]

Там переход через Three.js реализован на канвасе. Swipper как триггер работает и отображает финальное изображение.

[Froggyweb]

Evgenii, нет это Three.js из наиболее популярных, может еще есть какие. swiper в данном варианте - быстрый костыль

[Deita]

зачем создавать пару клонов и подписываться на свой вопрос чтобы поднять его в позиции?

[Froggyweb]

Evgenii, ну если для тебя есть, то ок
может подскажешь как сделать такой переход слайдов?

[Модератор]

На вопрос «как сделать» отвечает документация и поиск в интернет.

Тут отвечают на вопросы «почему я сделал, как в документации, а оно не работает. Поискал в интернет, вот запросы, в ответах не нашел. Что я делаю не так?»

Покажите, как вы пробовали решить проблему, приведите код попытки (пусть неудачной), опишите, как запускали, что ожидали и что получилось.
За готовыми решениями - на фриланс. В текущем виде это не вопрос, а задание. Нарушен п.5.12 Регламента.

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента. Также обратите внимание на п.3.4

[Модератор]

Deita, если вы видите нарушение, следует отправить об этом сообщение в поддержку (ссылка внизу сайта).

Answer 1

[Максим Морев]

Эффектам этим сто лет в обед, и до сих пор каждая дизайн-студия считает своим долгом продемонстрировать миру, как классно они умеют копировать код из интернета.
К чести конкретного примера стоит сказать, что скопировано более талантливо, чем в среднем по больнице - проведена работа по тому, чтобы привязать эффект к progress конкретного слайда.

Наиболее близкая демка:
https://tympanus.net/Development/webGLImageTransit...

Сама статья:
https://tympanus.net/codrops/2019/11/05/creative-w...

Comments

[Froggyweb]

непонятен негатив. копировать код в данном случае достаточно проблематично...

[Максим Морев]

Froggyweb, там код на гитхабе лежит. :)
Ну да, с нулевым уровнем не получится просто Ctrl+C Ctrl+V, но в целом немного кастомизировать такую штуку, когда есть устраивающий тебя костяк - это не рокет саенс.
С этими штуками проблемы начинаются либо тогда, когда надо сделать что-то сильно уникальное, либо сделать это, не притаскивая две либы суммарным весом в мегабайт.

А вообще в моём пузыре просто много этих сайтов "дизайн-студий", которые "посмотрите как они круто умеют", а это "круто умеют" - просто безвкусный копипаст прикольных штук откуда-то отсюда

[Froggyweb]

Максим Морев,

в моём пузыре просто много этих сайтов "дизайн-студий", которые "посмотрите как они круто умеют", а это "круто умеют" - просто безвкусный копипаст прикольных штук

это твоя личная половая драма.

не притаскивая две либы суммарным весом в мегабайт

странные либы..