fps

2025-04-01 14:34:22 +00:00
parent dbd8538d63
commit 169d163680
17 changed files with 656 additions and 9 deletions
@@ -1,3 +1,4 @@
+<div id="fps-counter"></div>
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -43,4 +44,41 @@
   <img src="404.gif" alt="404">
    <p>If you believe this is an error, please <a href="/Contact.html">contact us</a>.</p>
 </body>
-</html>
+</html>
+<style>
+        #fps-counter {
+      position: fixed;
+      top: 10px;
+      right: 10px;
+      font-size: 12px;
+      color: white;
+      background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+      padding: 5px;
+      border-radius: 5px;
+      z-index: 1000; /* Ensure it stays on top */
+    }
+</style>
+<script>
+    const fpsCounter = document.getElementById("fps-counter"); // Moved this to the correct place
+
+    function calculateFPS() {
+        let lastFrameTime = performance.now();
+        let frames = 0;
+
+        function frameLoop() {
+            const now = performance.now();
+            frames++;
+
+            if (now - lastFrameTime >= 1000) {
+                const fps = Math.round(frames / ((now - lastFrameTime) / 1000));
+                fpsCounter.textContent = `FPS: ${fps}`;
+                frames = 0;
+                lastFrameTime = now;
+            }
+            requestAnimationFrame(frameLoop);
+        }
+        frameLoop();
+    }
+
+    calculateFPS(); // Ensure the FPS calculation starts
+</script>