Как реализовать анимацию движение вверх по горе по диагонали?

Question

[ArtJH]

Картинка будет на заднем фоне и буду менять координаты картинки, чтоб было движение по диагонали. Будто человек сбирается по горе
Как лучше и оптимальней реализовать?
1) делать огромную картинку? (Но будет много пространства лишнего прозрачного или белого)
2) делать отдельными картинками, но сложней будет делать движение
3) Если у вас есть примеры и предложения, советы, буду рад выслушать

Answer 1

[h4mpy]

https://codepen.io/anton-vc/pen/ExKxJog
возможно что-то подобное
если анимация должна быть бесконечной, из фоновой картинки нужно делать "паттерн"
если конечной - можно сделать большую картинку

Comments

[ArtJH]

Хорошая задумка. Но в моем случае у меня начальная картинка без анимации на весь экран(горы и задний фон). И вот далее идут либо другие картинки(продолжение горы) либо все это сделать одной картинкой. Но тогда возможно она будет весить ой как много. Вот дизайнер спрашивает как лучше нарисовать отдельно или вместе. Я хз

[h4mpy]

ArtJH, без реальной картинки сложно оценить. прикрепите посмотреть если есть возможность