addEventListener с requestAnimationFrame

Question

Я использую window.requestAnimationFrame для создания игрового цикла.

Все работает отлично, но когда я пытаюсь добавить слушателя событий, он срабатывает сотни раз очень быстро.

Я пробовал использовать закрытие, но это, похоже, не работает.

game.update = function(){ 
    //code that runs every frame 
    window.addEventListener('keydown', function(){ 
     console.log("message"); 
    },false); 
} 

Я хочу, чтобы вызвать функцию РАЗ на KeyDown событие не несколько раз.

Answer 1

Слушатель событий добавляется только в том случае, если добавлен новый прослушиватель. Добавление таких же слушателей более одного раза no effectby design.

Переместите функцию слушателя из функции вы присваивающей к game.update так, что новая копия слушателя не будет создаваться каждый раз, когда вы звоните addEventListener():

var updateListener = function() { 
    console.log('message'); 
}; 

game.update = function() { 
    //code that runs every frame 
    window.addEventListener('keydown', updateListener, false); 
}; 

Answer 2

Может быть, немного поздно, но это не имеет для меня никакого смысла. Слушатель не должен быть добавлен в RAF. Если вы поместите его снаружи и присвоите результат обработчику переменной, тогда RAF получит результат и очистит переменную, у вас будет как более высокая, так и стабильная/прогнозируемая производительность. Это становится очевидным для подобных задач, таких как использование прослушивателей ориентации устройства для ввода контроллера на мобильном устройстве. События не нужно зацикливать. Установите его один раз, он будет срабатывать один раз при каждом нажатии клавиши. RAF следует использовать только для обновления графики. Любая другая логика должна быть вне его. Например, движение и игровая механика должны быть в setInterval, указывая свои результаты на переменные и объекты снаружи, но доступные для RAF. RAF должен только подбирать новые значения позиции и устанавливать преобразования. Затем он будет работать более плавно, и «время» не будет ускоряться или замедляться и быть последовательным на разных устройствах, независимо от частоты кадров.