Я запускаю цикл

function gameLoop(){
   update();
   draw();
   requestAnimFrame(gameLoop);
}

var requestAnimFrame =  window.requestAnimationFrame ||
                    window.webkitRequestAnimationFrame ||
                    window.mozRequestAnimationFrame ||
                    window.oRequestAnimationFrame ||
                    window.msRequestAnimationFrame ||
                    function(callback) {
                        window.setTimeout(callback, 1000 / 1);
                    };

Я не могу отрегулировать частоту кадров. Это всегда очень быстро. Почему я не могу изменить его на 1 кадр в секунду. Я хочу сделать это только для целей тестирования.Нужно ли каждый раз очищать холст? Кажется, работает хорошо, не очищая его.

Благодарю.

Вот ссылка на скрипку для полного кода:полный код

Спасибо