Как сделать смещение фона в 2D игре?

Question

[Егор]

Мне нужно сделать смещение фона в игре, когда персонаж находится в центре. На чистом JavaScript. Фон прокручивается, но только в одно действие. Данная конструкция if расположена в функции с заданным setinterval (т.е. идёт постоянная проверка), и я опять же вижу, что условие постоянно срабатывает (по выводу в консоли). Но .backgroundPositionX срабатывает как бы только 1 раз и все.

var screenGame = document.getElementById("screen-game").style;
...
if (rightPressed && player.x >= center_position) { 
 console.log("center!"); 
 screenGame.backgroundPositionX += 5 + "px";
 }

.screen-game { 
 width: 100vw; 
 height: 100vh; 
 background: url(../img/bg-game.png); 
 background-position-x: 0%; 
 background-repeat: no-repeat; 
 background-size: cover; 
}

Answer 1

[Константин Китманов]

screenGame.backgroundPositionX += 5 + "px";

У вас на каждом шаге будет конкатенация строк, а не сложение. Значения будут такими: 0%, 0%5px, 0%5px5px и так далее. Поэтому, наверное, и не работает?