Как создать анимацию как здесь https://promexcut.ru/?

Question

[Алексей Благородов]

Заинтересовала анимация на первом экране этого сайта https://promexcut.ru/. Неужели вся анимация создана вручную? Слышал, что подобные штуки делают в программах 3D визуализации с поддержкой экспорта для веба. Кто сталкивался с подобными задачами?

Answer 1

[Василий Банников]

Конкретно тут это реализовано через плоские 2d-картинки, к которым применяется transform.
Хотя может быть и правда какой-нибудь сторонний софт умеет в такой вид экспортироваться.
Вот например картинка с машиной:

Сами изображения были изначально смоделированы в 3d и отрендерены в картинки с тенями и прозрачным фоном.

Answer 2

[Антон Шаманов]

"вся" анимация - это краны и машины едущие по "рельсам"? по сравнению с тем, что народ выкладывает на codepen - это дет.сад