Временная шкала анимации не работает или начинается с использованием Animejs v4.2.2 ⇐ Javascript

[Anonymous]

Недавно я столкнулся с проблемой с анимеjs, когда пытался создать анимацию всего из трех точек, движущихся с изменением непрозрачности.
У меня другие анимации работают нормально на моей веб-странице, поэтому это не проблема, связанная с анимеjs, и у меня также нет ошибок в консоли.
Когда я загружаю веб-страницу, диапазоны успешно вводятся на веб-страницу, но нет анимации...
Я пытался поместить все в обработчик событий DOMContentLoaded, чтобы дождаться успешной загрузки DOM, и попытался запустить анимацию вручную с помощью tl.play(), но все равно ничего.
Я безуспешно пробовал следующее:

Код: Выделить всё

const { animate, stagger, splitText, utils, onScroll, createTimeline } = anime;

window.addEventListener("DOMContentLoaded", () => {

const {
chars: threedots
} = splitText(".threedots", {
chars: true,
words: false
});

const tl = createTimeline({
loop: true,
autoplay: true,
easing: "easeInOutSine",
});

tl.add({
targets: threedots,
translateY: [0, -6, 0],
opacity: [{
value: 0,
duration: 0
},
{
value: 1,
duration: 300
},
{
value: 0,
duration: 300
},
],
duration: 900,
delay: stagger(300),
});

tl.play();

});

Код: Выделить всё

...

Подробнее здесь: https://stackoverflow.com/questions/797 ... ejs-v4-2-2