JS / Как сделать фон в 2d игре?

Question

[tenaro]

Классический фон в 2d играх, бекграунд 40000х650px (png) должен уехать влево за 2 минуты. Игра во весь экран браузера.

Пробовал анимировать через
css: left:-40000 и transition:120,
animate, setinterval, tweenmax,
canvas (тут макс размер около 32000, но даже при 8к видно тормоза)
разбивал на 10 блоков по 4000px, и пытался их прокрутить

Проблема: Немного подергивается, видно что анимация не плавная, причем видно, что это не проблема фреймрейта, все эти подлагивания не равномерны.

Как это вообще правильно делать?

Comments

[Inwork277]

Просто интересно, сколько Ваш фон 40000х650 в .png весит?

[tenaro]

10 картинок, вместе весят 1мб

Answer 1

[Николай]

Жесть)) вообще для плавной анимации и сделали canvas.