Блог

Я очень новичок в JS.

Изучал этот учебник (https://youtu.be/0ArCFchlTq4). Я заметил кое-что интересное в этом проекте, и это меня очень беспокоит. Может быть, кто-нибудь сможет помочь мне найти какие-то ответы.

Существует эта часть кода, в которой мы перемещаем массив каналов (код, приведенный ниже). Но после сдвига крайняя левая труба делает эту странную вещь — она задерживает движение на короткое мгновение, заставляя трубопровод визуально сдвигаться на несколько пикселей назад относительно переднего плана, например, который движется с той же скоростью, что и трубы. Это происходит в тот же момент, когда выполняется команда shift, и влияет только на следующий канал в массиве.

Буду так счастлив, если кто-нибудь сможет объяснить мне это и, возможно, дать подсказку по исправлению. Спасибо!

  // if the pipes go beyond canvas, we delete them from the array
            if(p.x   this.w<= 0){
            
                this.position.shift();
                score.value  = 1;
                SCORE_S.play();
                score.best = Math.max(score.value, score.best);
                localStorage.setItem("best", score.best);
            }
        }
    },
    
    reset : function(){
        this.position = [];
    }
    
}

 

Я полагаю, что это связано с поведением метода .shift ().

Как вы можете видеть на MDN, он изменяет длину массива, в котором он вызывается. Я не прошел весь код целиком, но от

 if(p.x   this.w<= 0){
        
            this.position.shift();
            score.value  = 1;
            SCORE_S.play();
            score.best = Math.max(score.value, score.best);
            localStorage.setItem("best", score.best);
        }
    }
}
 

мы видим, что первая внутренняя позиция канала, массив, удаляется, и когда это произойдет, все остальные каналы будут изменены в соответствии с их порядком внутри массива. Я не вижу причины, по которой это могло бы вызвать небольшое замерзание на трубах, кроме этого.