Animacja poruszania mapy

Question

Witam, jestem początkującym programistą...

Otóż chciałbym zrobić poruszanie się gracza po mapie. Więc zaczynam z takim kodem.. Chcę aby animacja mapy wywoływała się jezeli ten warunek się spełnia, ale cholera tylko raz mi animuje, a nie cały czas, wiecie o co chodzi..

Tu macie kod:

const g = {
    hero: new Player(),
    
    mapPos: $('.ground').css('background-position').split(' ') ,


    methods: {
        bindDOMEvents: function() {
            $(window).on('keydown', (k) => {
                  k = String.fromCharCode(k.which);

                  switch(k) {
                      case 'S': {
                   
                          g.hero.y += 5;
                          
                          let _mapPosX = Number(g.mapPos[0].replace('%', '')),
                              _mapPosY = Number(g.mapPos[1].replace('%', ''));

                       
                            if(g.hero.y > (512 / 2) ) {
                                $('.ground').css({
                                    'background-position-y': '-' + (_mapPosY +=5 ) + 'px'
                                });
                            } 

                            k.preventDefault();
                            
                      }
                      break; 
                  }
            });
        }
    },
};

g.methods.bindDOMEvents();

Ogólnie jeżeli gracz będzie na połowie mapy to ma poruszać nią, tak dobrze robie?