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

[Raadsert]

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

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

[Rise]

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

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

[Raadsert]

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

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

[voraa]

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

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

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

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

[Rise]

пытаюсь понять

Ты можешь посмотреть код tween.js, чтобы понять принцип работы, а потом написать свое решение под конкретную задачу. Я же дал ссылку на исходный код и имя метода с которого ты можешь начать свое исследование, что найти не можешь, ну держи.

а не использовать готовое решение

Ты о чем о three.js, ведь three.js тоже готовое решение, хочешь свою библиотеку анимации написать без знания языка?