Недавно нужно было делать анимацию из набора кадров, готовые решения были тяжелыми или c неподходящими настройками, поэтому сделал свою https://github.com/its2easy/animate-images, можете попробовать.
Вариант с видео будет меньше весить, но с большой вероятностью будут подлагивания.
Для варианта с чистым 3д можно это использовать model-viewer, но нужно экспортировать в подходящем формате.
сделал библиотеку недавно, когда нужна была похожая штука, но там используется спрайт с изображениями, вместо отдельных файлов, поэтому не подойдёт для вариантов где нужно много кадров с большим разрешением https://github.com/its2easy/animate-sprite
В демо как раз похожий пример
В 3д редакторе создается модель и анимируется, потом нарезается покадрово, получается набор изображений типа такого. Потом к скролу страницы привязывается функция, которая переключает отдельные картинки. В простом случает это просто img где меняется src, в сложном это canvas с предзагрузкой. Много готовых плагинов, например.
Для коротких анимаций можно объединить кадры в спрайт и переключать положение, например плагином
Странно что там даже глобальная установка локали не срабатывает почему то, но вообще начальное значение лучше выставлять через defaultDate, а не в onReady. Если в конфиг добавить defaultDate: new Date(), то дата на русском появляется. Соответственно нужную дату можно вычислить перед вызовом flatpickr
в watch второй параметр это название функции которая выполняется при изменении, в scss стоит sass_compile поэтому она выполняется, для html нужно сделать отдельную функцию которая будет копировать html и передать её вторым параметром.
Проблема была в babel-leader, который пытался обработать библиотеку. Нужно чтобы она была в exclude вебпака, обычно так и есть если файл грузится из node_modules, а если нет то надо вручную добавить файл в exclude
