Кальцид, зачем ты код из цитаты всунул? Убери &apos
Перепиши на код 27, раз проблемы со строками

Ахах, заработало. Просто у меня сначала заходит в полноэкранный режим. Потом нажимаю еск. Он выходит из режима. И потом еще раз нажимаю еск и только тогда кнопка ESC отслеживается и условие срабатывает. У меня идея была отследить выход из полноэкранного режима посредством отслеживания нажатия кнопки ESC. Но это не работает получается.

Цитата Кальцид:

---

Ахах, заработало. Просто у меня сначала заходит в полноэкранный режим. Потом нажимаю еск. Он выходит из режима. И потом еще раз нажимаю еск и только тогда кнопка ESC отслеживается и условие срабатывает.Плохая идея -- для этого в жс своё событие есть

добавлено спустя 8 минут:
https://developer.mozilla.org/...llscreenchange_event
document.onfullscreenchange=console.log
или
document.addEventListener("fullscreenchange", console.log)

добавлено спустя 2 минуты:

Как реализовать счетчик fps?

Кальцид, а как у тебя запрос отрисовки след кадра реализован?
В общем, меряешь время в начале отрисовки и вычитаешь пред. значение, делишь 1 на полученное и получаешь ФПС

ЕжоргийЧерчилич, как его измерить?
Я пробывал так
Получаем число 0.25
Потом нагрузил код анимацией из падающих штрихов в количестве 50000. По анимации видно то что fps в районе 4-8 кадров, но число как было так и есть 0.25. Хотя по идее оно должно было стать меньше, так как код стал работать медленнее..
Всё это в канвасе.

Tygrain, вставил этот код к себе. Вызываю функцию createFPSCounter(); далее вывожу fps. Значение 0. Не работает что то

Кальцид, показывай

Tygrain, вот

Открыть спойлер

Закрыть спойлер

[копировать] [скачать]

1. const canvas = document.getElementById('scren');
2. const ctx = canvas.getContext('2d');
3. const SWidth = window.innerWidth;
4. const SHeight = window.innerHeight;
5. document.getElementById('scren').width = SWidth;
6. document.getElementById('scren').height = SHeight;
7.  
8. let cub = [];
9. let cubmore = 1;
10. let numberdrop = 50000;
11. let fps = 0;
12.  
13. function Random(min, max) {
14.     min = Math.ceil(min);
15.     max = Math.floor(max);
16.     return Math.floor(Math.random() * (max - min) + min);
17. };
18.  
19. cub.push({
20.     x: 0, y: 0, sx: 0, sy: 5
21. });
22.  
23. function test() {
24.     ctx.clearRect(0, 0, SWidth, SHeight);
25.     ctx.fillStyle = "blue";
26.  
27.     for (i in cub) {
28.         cub[i].y = cub[i].y+cub[i].sy;
29.         cub[i].x = cub[i].x+cub[i].sx;
30.  
31.         if (cub[i].y >= SHeight) {
32.             cub[i].y=+cub[i].sy;
33.             cub[i].sy = Random(5, 20);
34.             cub[i].x = Random(0, SWidth);
35.  
36.             if (cubmore <= numberdrop) {
37.                 cub.push({
38.                     x: Random(0, SWidth), y: 0, sx: 0, sy: Random(5, 10)});
39.             };
40.  
41.             if (cubmore <= numberdrop) {
42.                 cubmore++;
43.             };
44.         };
45.  
46.         ctx.strokeStyle = "blue";
47.         ctx.beginPath();
48.         ctx.moveTo(cub[i].x, cub[i].y);
49.         ctx.lineTo(cub[i].x+2, cub[i].y+10);
50.         ctx.stroke();
51.     };
52.     ctx.fillStyle = "white";
53.     ctx.fillRect(0, 0, 200, 80);
54.  
55.     ctx.fillStyle = "black";
56.     ctx.font = "20px Comic Sans MS";
57.     ctx.fillText(SWidth, 10, 20);
58.     ctx.fillText(SHeight, 60, 20);
59.     ctx.fillText(cubmore-1, 10, 50);
60.  
61.  
62.     ctx.fillText(fps, 160, 20);
63.  
64.     createFPSCounter();
65.     requestAnimationFrame(test);
66. };
67. function createFPSCounter() {
68.     let lastFrameTime = performance.now();
69.     let frameCount = 0;
70.     let fps = 0;
71.  
72.     return function updateFPS() {
73.         const currentTime = performance.now();
74.         frameCount++;
75.  
76.         if (currentTime - lastFrameTime >= 1000) {
77.             fps = frameCount;
78.             frameCount = 0;
79.             lastFrameTime = currentTime;
80.         }
81.  
82.         return fps;
83.     };
84. };
85.  
86. test();