Очередь анимации в цикличном requestAnimationFrame

[Raadsert]

Raadsert,
Используй tween/tweening, напиши свой класс или возьми готовый tween.js, там ты сможешь chain-ы делать.

Я хочу понять как подобное сделать, а не пользоваться готовым решением.

[Rise]

Я хочу понять как подобное сделать

А как ты поймешь, если js не знаешь?

[Raadsert]

А как ты поймешь, если js не знаешь?

Может поэтому я и пытаюсь понять, а не использовать готовое решение? Нет?

[voraa]

Может поэтому я и пытаюсь понять,

Ну для этого надо знать не только сам язык и основные апи, но и принципы выполнения всего этого в браузере. Обработка событий, промисов, Очередь задач, микрозадачи, рендеринг (пересчет стилей и сам вывод на экран очередного кадра)

Начните с того, что бы САМОМУ сделать простенькую одиночную анимацию. Потом параллельно запускать 2 (несколько) анимаций. Потом ожидание окончания анимации и запуск следующей... Так лучше разберетесь.

Будут КОНКРЕТНЫЕ вопросы - спрашивайте.