Ответ 1
Как автор вопроса заметил в комментарии, это связано с видимой областью холста. Открытие консоли уменьшает высоту области просмотра, которая на дисплее нормального размера означает, что рендеринга будет меньше. 60 FPS - это мягкий предел, заданный частотой обновления дисплея; делать больше кадров, чем это не имеет смысла, поскольку невозможно отображать более 60 кадров в секунду на обычном мониторе.
Я тестировал это на своей машине, уменьшая скорость процессора, так что я не всегда получаю 60FPS. В приведенном примере Fiddle у меня было около 24FPS в обычном режиме. Открытие консоли уменьшило видимый холст примерно до 60% от его первоначального размера, а FPS увеличился до 30 в среднем. Изменение размера Консоли повлияло бы на FPS соответственно: только на 10% видимого холста, FPS покачивался около 42 и с очень маленькой консолью и всем видимым холстом FPS немного по сравнению с исходным значением, до 23. Увеличение Скорость процессора привела к FPS до 60, независимо от состояния Консоли.
Теперь, учитывая, что JavaScript, который генерирует экран, все еще работает, независимо от того, какая часть холста видна, то, что влияет на необходимую вычислительную мощность, - это фактическая рендеринг холста и способ компоновки изображения холста на остальную часть HTML, в окне браузера и, наконец, на экран. Все больше и больше этой работы перемещается на GPU, поэтому, когда каждый этап процесса компоновки будет выполнен в OpenGL, FPS всегда должен быть максимальным.