Кальцид, пробуй

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

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

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

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. const updateFPS = createFPSCounter();
13.  
14. function Random(min, max) {
15.     min = Math.ceil(min);
16.     max = Math.floor(max);
17.     return Math.floor(Math.random() * (max - min) + min);
18. };
19.  
20. cub.push({
21.     x: 0, y: 0, sx: 0, sy: 5
22. });
23.  
24. function test() {
25.     const fps = updateFPS();
26.     ctx.clearRect(0, 0, SWidth, SHeight);
27.     ctx.fillStyle = "blue";
28.  
29.     for (i in cub) {
30.         cub[i].y = cub[i].y+cub[i].sy;
31.         cub[i].x = cub[i].x+cub[i].sx;
32.  
33.         if (cub[i].y >= SHeight) {
34.             cub[i].y=+cub[i].sy;
35.             cub[i].sy = Random(5, 20);
36.             cub[i].x = Random(0, SWidth);
37.  
38.             if (cubmore <= numberdrop) {
39.                 cub.push({
40.                     x: Random(0, SWidth), y: 0, sx: 0, sy: Random(5, 10)});
41.             };
42.  
43.             if (cubmore <= numberdrop) {
44.                 cubmore++;
45.             };
46.         };
47.  
48.         ctx.strokeStyle = "blue";
49.         ctx.beginPath();
50.         ctx.moveTo(cub[i].x, cub[i].y);
51.         ctx.lineTo(cub[i].x+2, cub[i].y+10);
52.         ctx.stroke();
53.     };
54.     ctx.fillStyle = "white";
55.     ctx.fillRect(0, 0, 200, 80);
56.  
57.     ctx.fillStyle = "black";
58.     ctx.font = "20px Comic Sans MS";
59.     ctx.fillText(SWidth, 10, 20);
60.     ctx.fillText(SHeight, 60, 20);
61.     ctx.fillText(cubmore-1, 10, 50);
62.  
63.  
64.     ctx.fillText(fps, 160, 20);
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();

Tygrain, работает, это получается ты добавил 12, 17, 25 строку. А можешь объяснить как оно работает?

Кальцид, что именно? Мы просто создаем экземпляр счатчика с функцией обновления за пределами геймлупа, в самом геймлупе вызовом функции обновления счетчика получаем значение фпс для текущего кадра

А вот в современном Basic просто одной строчкой:
 

Цитата Slendermanx:

---

А вот в современном Basic просто одной строчкой:

1. print(ScreenFPS)

так тут тоже можно только зачем тебе спам циферками в консоль

А в бейсике это команда сразу на экран все выводит, и у нее куча настроек

Slendermanx, а как в консоль выводить если print уже на экране выводит что то

Tygrain, никак. Ты же сравнил print() с console.log, хотя логичнее было бы с document.write

Цитата Slendermanx:

---

Tygrain, никак. Ты же сравнил print() с console.log, хотя логичнее было бы с document.writeПочему

Slendermanx, ну... Во многих языках программирования print и его модификации, это печать в консоль. Один бейсик такой " " и печатает на экран, и то, мобильный бейсик не всего его версии так делали