its2easyy

там scrollTrigger из gsap + набор картинок, которые переключаются по прогрессу скроллтриггера. ScrollMagic лучше не использовать, он много лет не обновляется.
Как раз для такой анимации сделал библиотеку animate-images, как раз со scrollTrigger используется.
А у асуса PIXI.AnimatedSprite используется.

mask-image с картинкой в виде круга, который используется как маска для видимой части фоновой картинки, mask-size с нужным размером круга. На секции скрипт который слушает события mouseover, определяет положение курсора и это положение используется для задания mask-position. Плюс немного свойств чтобы это выглядело плавно, типа увеличения mask-size с нуля до нужного размера и плавное изменение mask-position через анимацию. mask-* свойства дополнительно с webkit префиксом чтобы работало везде.
Собственно можете прям у них с сайта все свойства вытащить и под себя переделать

" \"string\" "

Делал свою библиотеку для анимации кадров https://github.com/its2easy/animate-images. Чтобы привязать анимацию к скролу у меня на проектах был https://greensock.com/scrolltrigger/, но можно и с Intersection Observer.

у свайпера после билда создается новая версия package.json, которая и лежит в node_modules, если её открыть (можно в npmjs посмотреть), то в секции exports будут все пути

в коде v8, развлекайтесь

я бы делал на gsap и scrollTrigger. В примерах можно похожие найти.
Если через свайпер делать то мб при изменении прогресса в scrollTrigger вызывать у свайпера translateTo

https://rudrastyh.com/wordpress/load-more-posts-aj...

Для привязки к скролу gsap scrolltrigger (это современная версия ScrollMagic), для переключения кадров можно взять animate-images.
Будет примерно так:

let animationState = { frame: 1 };
let animateImagesInstance = new AnimateImages(canvasElement, {
        images: arrayWithImages,
        preload: "all",
    });
let timeline = gsap.timeline({
        scrollTrigger: {
            trigger: triggerBlock,
            start: "top top",
            end: 2000,
            scrub: true,
        }
 });
timeline.to(animationState, { 
        frame: arrayWithImages.length,
        onUpdate: function(){
           animateImagesInstance.setFrame(Math.round(animationState.frame));
       }
});